#22d4cc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #22d4cc | RGB(34, 212, 204) |
Created at 02/20/2023 11:54
Classification of #22d4cc color
#22d4cc is Light and Cool Color Saturation 72%, lightness 48%.
Shade of Medium Turquoise
RGB values are RGB(34, 212, 204)
#22d4cc color contains Red 13.33%, Green 83.14% and Blue 80%.
oklch(78.72% 0.1312 189.87)
#22d4cc color contains Red 13.33%, Green 83.14% and Blue 80%.
oklch(78.72% 0.1312 189.87)
Color Names of #22d4cc HEX code
≈ Turquoise
Alternative colors of #22d4cc
Opposite Color for #22d4cc is #d4222a
#22d4cc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #22d4cc
cmyk
CMYK(84%, 0%, 4%, 17%)
Decimal
2282700
HEX
#22d4cc
HSL
hsl(177, 72%, 48%)
HSLA
hsla(177, 72%, 48%, 1)
RGB
RGB(34, 212, 204)
RGBA
RGBA(34, 212, 204, 1)
Palettes for #22d4cc color:
Below examples of color palettes for #22d4cc HEX color
darkest color is #031514 from shades and lightest color is #e9fbfa from tints
Shades palette of #22d4cc:
#1fbfb8
#1baaa3
#18948f
#147f7a
#116a66
#0e5552
#0a403d
#072a29
#031514
#000000
Tints palette of #22d4cc:
#38d8d1
#4eddd6
#64e1db
#7ae5e0
#91eae6
#a7eeeb
#bdf2f0
#d3f6f5
#e9fbfa
#ffffff
Complementary palette of #22d4cc:
#22d4cc
#d4222a
Triadic palette of #22d4cc:
#22d4cc
#cc22d4
#d4cc22
Square palette of #22d4cc:
#22d4cc
#7322d4
#d4222a
#83d422
Analogous palette of #22d4cc:
#22d473
#22d4cc
#2283d4
Split-Complementary palette of #22d4cc:
#22d4cc
#d42283
#d47322
Rectangle (tetradic) palette of #22d4cc:
#22d4cc
#222ad4
#d4222a
#d4cc22
Suggested color palettes for #22d4cc HEX:
Color palette with color #22d4cc #1:
Color palette with color #22d4cc #2:
Color palette with color #22d4cc #3:
Color palette with color #22d4cc #4:
Color palette with color #22d4cc #5:
Color #22d4cc used in palettes (1)
Color Contrast
Color pairings #22d4cc with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#22d4cc
#22d4cc Contrast Ratio
1.84:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#22d4cc
#22d4cc Contrast Ratio
11.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #22d4cc color png
Visit the popular colors list for more colors