#3caccc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3caccc | RGB(60, 172, 204) |
Created at 02/23/2023 10:11
Classification of #3caccc color
#3caccc is Light and Cool Color Saturation 59%, lightness 52%.
Tint of deepskyblue
RGB values are RGB(60, 172, 204)
#3caccc color contains Red 23.53%, Green 67.45% and Blue 80%.
oklch(69.50% 0.1087 220.78)
#3caccc color contains Red 23.53%, Green 67.45% and Blue 80%.
oklch(69.50% 0.1087 220.78)
Color Names of #3caccc HEX code
≈ Pelorous
Alternative colors of #3caccc
Opposite Color for #3caccc is #cc5c3c
#3caccc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3caccc
Decimal
3976396
HEX
#3caccc
HSL
hsl(193, 59%, 52%)
HSLA
hsla(193, 59%, 52%, 1)
RGB
RGB(60, 172, 204)
RGBA
RGBA(60, 172, 204, 1)
Palettes for #3caccc color:
Below examples of color palettes for #3caccc HEX color
darkest color is #061114 from shades and lightest color is #ecf7fa from tints
Shades palette of #3caccc:
#369bb8
#308aa3
#2a788f
#24677a
#1e5666
#184552
#12343d
#0c2229
#061114
#000000
Tints palette of #3caccc:
#50b4d1
#63bdd6
#77c5db
#8acde0
#9ed6e6
#b1deeb
#c5e6f0
#d8eef5
#ecf7fa
#ffffff
Complementary palette of #3caccc:
#3caccc
#cc5c3c
Triadic palette of #3caccc:
#3caccc
#cc3cac
#accc3c
Square palette of #3caccc:
#3caccc
#a43ccc
#cc5c3c
#64cc3c
Analogous palette of #3caccc:
#3ccca4
#3caccc
#3c64cc
Split-Complementary palette of #3caccc:
#3caccc
#cc3c64
#cca43c
Rectangle (tetradic) palette of #3caccc:
#3caccc
#5c3ccc
#cc5c3c
#accc3c
Suggested color palettes for #3caccc HEX:
Color palette with color #3caccc #1:
Color palette with color #3caccc #2:
Color palette with color #3caccc #3:
Color palette with color #3caccc #4:
Color palette with color #3caccc #5:
Color #3caccc used in palettes (2)
Color Contrast
Color pairings #3caccc with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3caccc
#3caccc Contrast Ratio
2.63:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3caccc
#3caccc Contrast Ratio
7.96:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3caccc color png
Visit the popular colors list for more colors