#3caed6 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3caed6 | RGB(60, 174, 214) |
Created at 02/17/2023 17:57
Classification of #3caed6 color
#3caed6 is Light and Cool Color Saturation 65%, lightness 54%.
Tint of deepskyblue
RGB values are RGB(60, 174, 214)
#3caed6 color contains Red 23.53%, Green 68.24% and Blue 83.92%.
oklch(70.41% 0.1152 225.68)
#3caed6 color contains Red 23.53%, Green 68.24% and Blue 83.92%.
oklch(70.41% 0.1152 225.68)
Color Names of #3caed6 HEX code
≈ Shakespeare
Alternative colors of #3caed6
Opposite Color for #3caed6 is #d6643c
#3caed6 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3caed6
Decimal
3976918
HEX
#3caed6
HSL
hsl(196, 65%, 54%)
HSLA
hsla(196, 65%, 54%, 1)
RGB
RGB(60, 174, 214)
RGBA
RGBA(60, 174, 214, 1)
Palettes for #3caed6 color:
Below examples of color palettes for #3caed6 HEX color
darkest color is #061115 from shades and lightest color is #ecf7fb from tints
Shades palette of #3caed6:
#369dc1
#308bab
#2a7a96
#246880
#1e576b
#184656
#123440
#0c232b
#061115
#000000
Tints palette of #3caed6:
#50b6da
#63bede
#77c6e2
#8acee6
#9ed7eb
#b1dfef
#c5e7f3
#d8eff7
#ecf7fb
#ffffff
Complementary palette of #3caed6:
#3caed6
#d6643c
Triadic palette of #3caed6:
#3caed6
#d63cae
#aed63c
Square palette of #3caed6:
#3caed6
#b13cd6
#d6643c
#61d63c
Analogous palette of #3caed6:
#3cd6b1
#3caed6
#3c61d6
Split-Complementary palette of #3caed6:
#3caed6
#d63c61
#d6b13c
Rectangle (tetradic) palette of #3caed6:
#3caed6
#643cd6
#d6643c
#aed63c
Suggested color palettes for #3caed6 HEX:
Color palette with color #3caed6 #1:
Color palette with color #3caed6 #2:
Color palette with color #3caed6 #3:
Color palette with color #3caed6 #4:
Color palette with color #3caed6 #5:
Color #3caed6 used in palettes (1)
Color Contrast
Color pairings #3caed6 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3caed6
#3caed6 Contrast Ratio
2.55:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3caed6
#3caed6 Contrast Ratio
8.21:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3caed6 color png
Visit the popular colors list for more colors