#3da5df HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3da5df | RGB(61, 165, 223) |
Created at 10/24/2026 20:20
RGB values are RGB(61, 165, 223)
#3da5df color contains Red 23.92%, Green 64.71% and Blue 87.45%.
oklch(68.75% 0.1267 237.43)
#3da5df color contains Red 23.92%, Green 64.71% and Blue 87.45%.
oklch(68.75% 0.1267 237.43)
Color Names of #3da5df HEX code
≈ Picton Blue
Classification of #3da5df color
#3da5df is Light and Cool Color Saturation 72%, lightness 56%.
Shade of Deep Sky Blue
Alternative colors of #3da5df
Opposite Color for #3da5df is #df773d
#3da5df Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3da5df
cmyk
CMYK(73%, 26%, 0%, 13%)
Decimal
4040159
HEX
#3da5df
HSL
hsl(201, 72%, 56%)
HSLA
hsla(201, 72%, 56%, 1)
RGB
RGB(61, 165, 223)
RGBA
RGBA(61, 165, 223, 1)
Palettes for #3da5df color:
Below are examples of color palettes with the #3da5df HEX color
darkest color is #061016 from shades and lightest color is #ecf6fc from tints
Shades palette of #3da5df:
#3795c9
#3184b2
#2b739c
#256386
#1f5370
#184259
#123243
#0c212d
#061016
#000000
Tints palette of #3da5df:
#50aee2
#64b7e5
#77c0e9
#8bc9ec
#9ed2ef
#b1dbf2
#c5e4f5
#d8edf9
#ecf6fc
#ffffff
Complementary palette of #3da5df:
#3da5df
#df773d
Triadic palette of #3da5df:
#3da5df
#df3da5
#a5df3d
Square palette of #3da5df:
#3da5df
#c83ddf
#df773d
#54df3d
Analogous palette of #3da5df:
#3ddfc8
#3da5df
#3d54df
Split-Complementary palette of #3da5df:
#3da5df
#df3d54
#dfc83d
Rectangle (tetradic) palette of #3da5df:
#3da5df
#773ddf
#df773d
#a5df3d
Suggested color palettes for #3da5df HEX:
Color palette with color #3da5df #1:
Color palette with color #3da5df #2:
Color palette with color #3da5df #3:
Color palette with color #3da5df #4:
Color palette with color #3da5df #5:
Color Contrast
Color pairings of #3da5df with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3da5df
#3da5dfContrast Ratio
2.74:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3da5df
#3da5dfContrast Ratio
7.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3da5df color png
Visit the popular colors list for more colors