#22dcd4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #22dcd4 | RGB(34, 220, 212) |
Created at 02/17/2023 18:24
RGB values are RGB(34, 220, 212)
#22dcd4 color contains Red 13.33%, Green 86.27% and Blue 83.14%.
oklch(80.93% 0.1352 190.04)
#22dcd4 color contains Red 13.33%, Green 86.27% and Blue 83.14%.
oklch(80.93% 0.1352 190.04)
Color Names of #22dcd4 HEX code
≈ Turquoise
Classification of #22dcd4 color
#22dcd4 is Light and Cool Color Saturation 73%, lightness 50%.
Shade of Turquoise
Alternative colors of #22dcd4
Opposite Color for #22dcd4 is #dc222a
#22dcd4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #22dcd4
cmyk
CMYK(85%, 0%, 4%, 14%)
Decimal
2284756
HEX
#22dcd4
HSL
hsl(177, 73%, 50%)
HSLA
hsla(177, 73%, 50%, 1)
RGB
RGB(34, 220, 212)
RGBA
RGBA(34, 220, 212, 1)
Palettes for #22dcd4 color:
Below are examples of color palettes with the #22dcd4 HEX color
darkest color is #031615 from shades and lightest color is #e9fcfb from tints
Shades palette of #22dcd4:
#1fc6bf
#1bb0aa
#189a94
#14847f
#116e6a
#0e5855
#0a4240
#072c2a
#031615
#000000
Tints palette of #22dcd4:
#38e0d8
#4ee3dd
#64e7e1
#7aeae5
#91eeea
#a7f1ee
#bdf5f2
#d3f8f6
#e9fcfb
#ffffff
Complementary palette of #22dcd4:
#22dcd4
#dc222a
Triadic palette of #22dcd4:
#22dcd4
#d422dc
#dcd422
Square palette of #22dcd4:
#22dcd4
#7722dc
#dc222a
#87dc22
Analogous palette of #22dcd4:
#22dc77
#22dcd4
#2287dc
Split-Complementary palette of #22dcd4:
#22dcd4
#dc2287
#dc7722
Rectangle (tetradic) palette of #22dcd4:
#22dcd4
#222adc
#dc222a
#dcd422
Suggested color palettes for #22dcd4 HEX:
Color palette with color #22dcd4 #1:
Color palette with color #22dcd4 #2:
Color palette with color #22dcd4 #3:
Color palette with color #22dcd4 #4:
Color palette with color #22dcd4 #5:
Color #22dcd4 used in palettes (1)
Color Contrast
Color pairings of #22dcd4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#22dcd4
#22dcd4Contrast Ratio
1.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#22dcd4
#22dcd4Contrast Ratio
12.25:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #22dcd4 color png
Visit the popular colors list for more colors