#3ca6dd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3ca6dd | RGB(60, 166, 221) |
Created at 10/18/2026 02:49
RGB values are RGB(60, 166, 221)
#3ca6dd color contains Red 23.53%, Green 65.1% and Blue 86.67%.
oklch(68.86% 0.1246 235.62)
#3ca6dd color contains Red 23.53%, Green 65.1% and Blue 86.67%.
oklch(68.86% 0.1246 235.62)
Color Names of #3ca6dd HEX code
≈ Picton Blue
Classification of #3ca6dd color
#3ca6dd is Light and Cool Color Saturation 70%, lightness 55%.
Shade of Deep Sky Blue
Alternative colors of #3ca6dd
Opposite Color for #3ca6dd is #dd733c
#3ca6dd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3ca6dd
cmyk
CMYK(73%, 25%, 0%, 13%)
Decimal
3974877
HEX
#3ca6dd
HSL
hsl(200, 70%, 55%)
HSLA
hsla(200, 70%, 55%, 1)
RGB
RGB(60, 166, 221)
RGBA
RGBA(60, 166, 221, 1)
Palettes for #3ca6dd color:
Below are examples of color palettes with the #3ca6dd HEX color
darkest color is #061116 from shades and lightest color is #ecf6fc from tints
Shades palette of #3ca6dd:
#3695c7
#3085b1
#2a749b
#246485
#1e536f
#184258
#123242
#0c212c
#061116
#000000
Tints palette of #3ca6dd:
#50afe0
#63b8e4
#77c1e7
#8acaeb
#9ed3ee
#b1dbf1
#c5e4f5
#d8edf8
#ecf6fc
#ffffff
Complementary palette of #3ca6dd:
#3ca6dd
#dd733c
Triadic palette of #3ca6dd:
#3ca6dd
#dd3ca6
#a6dd3c
Square palette of #3ca6dd:
#3ca6dd
#c43cdd
#dd733c
#55dd3c
Analogous palette of #3ca6dd:
#3cddc3
#3ca6dd
#3c56dd
Split-Complementary palette of #3ca6dd:
#3ca6dd
#dd3c55
#ddc33c
Rectangle (tetradic) palette of #3ca6dd:
#3ca6dd
#733cdd
#dd733c
#a6dd3c
Suggested color palettes for #3ca6dd HEX:
Color palette with color #3ca6dd #1:
Color palette with color #3ca6dd #2:
Color palette with color #3ca6dd #3:
Color palette with color #3ca6dd #4:
Color palette with color #3ca6dd #5:
Color Contrast
Color pairings of #3ca6dd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3ca6dd
#3ca6ddContrast Ratio
2.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3ca6dd
#3ca6ddContrast Ratio
7.69:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3ca6dd color png
Visit the popular colors list for more colors