#22b4c2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #22b4c2 | RGB(34, 180, 194) |
Created at 10/09/2026 05:25
Classification of #22b4c2 color
#22b4c2 is Light and Cool Color Saturation 70%, lightness 45%.
Shade of Dark Turquoise
RGB values are RGB(34, 180, 194)
#22b4c2 color contains Red 13.33%, Green 70.59% and Blue 76.08%.
oklch(70.51% 0.1146 205.2)
#22b4c2 color contains Red 13.33%, Green 70.59% and Blue 76.08%.
oklch(70.51% 0.1146 205.2)
Color Names of #22b4c2 HEX code
≈ Java
Alternative colors of #22b4c2
Opposite Color for #22b4c2 is #c23022
#22b4c2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #22b4c2
cmyk
CMYK(82%, 7%, 0%, 24%)
Decimal
2274498
HEX
#22b4c2
HSL
hsl(185, 70%, 45%)
HSLA
hsla(185, 70%, 45%, 1)
RGB
RGB(34, 180, 194)
RGBA
RGBA(34, 180, 194, 1)
Palettes for #22b4c2 color:
Below are examples of color palettes with the #22b4c2 HEX color
darkest color is #031213 from shades and lightest color is #e9f8f9 from tints
Shades palette of #22b4c2:
#1fa2af
#1b909b
#187e88
#146c74
#115a61
#0e484e
#0a363a
#072427
#031213
#000000
Tints palette of #22b4c2:
#38bcc8
#4ec3ce
#64cbd4
#7ad2da
#91dae1
#a7e1e7
#bde9ed
#d3f0f3
#e9f8f9
#ffffff
Complementary palette of #22b4c2:
#22b4c2
#c23022
Triadic palette of #22b4c2:
#22b4c2
#c222b4
#b4c222
Square palette of #22b4c2:
#22b4c2
#8022c2
#c23022
#64c222
Analogous palette of #22b4c2:
#22c280
#22b4c2
#2264c2
Split-Complementary palette of #22b4c2:
#22b4c2
#c22264
#c28022
Rectangle (tetradic) palette of #22b4c2:
#22b4c2
#3022c2
#c23022
#b4c222
Suggested color palettes for #22b4c2 HEX:
Color palette with color #22b4c2 #1:
Color palette with color #22b4c2 #2:
Color palette with color #22b4c2 #3:
Color palette with color #22b4c2 #4:
Color palette with color #22b4c2 #5:
Color Contrast
Color pairings of #22b4c2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#22b4c2
#22b4c2 Contrast Ratio
2.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#22b4c2
#22b4c2 Contrast Ratio
8.37:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #22b4c2 color png
Visit the popular colors list for more colors