#22705f HEX color information
| Color | HEX | RGB |
|---|---|---|
| #22705f | RGB(34, 112, 95) |
Created at 02/19/2023 04:25
RGB values are RGB(34, 112, 95)
#22705f color contains Red 13.33%, Green 43.92% and Blue 37.25%.
oklch(49.33% 0.0798 175.35)
#22705f color contains Red 13.33%, Green 43.92% and Blue 37.25%.
oklch(49.33% 0.0798 175.35)
Color Names of #22705f HEX code
≈ Genoa
Classification of #22705f color
#22705f is Semi dark and Cool Color Saturation 53%, lightness 29%.
Shade of Teal
Alternative colors of #22705f
Opposite Color for #22705f is #702233
#22705f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #22705f
cmyk
CMYK(70%, 0%, 15%, 56%)
Decimal
2256991
HEX
#22705f
HSL
hsl(167, 53%, 29%)
HSLA
hsla(167, 53%, 29%, 1)
RGB
RGB(34, 112, 95)
RGBA
RGBA(34, 112, 95, 1)
Palettes for #22705f color:
Below are examples of color palettes with the #22705f HEX color
darkest color is #030b09 from shades and lightest color is #e9f1ef from tints
Shades palette of #22705f:
#1f6556
#1b5a4c
#184e43
#144339
#113830
#0e2d26
#0a221d
#071613
#030b09
#000000
Tints palette of #22705f:
#387e6f
#4e8d7f
#649b8f
#7aa99f
#91b8af
#a7c6bf
#bdd4cf
#d3e2df
#e9f1ef
#ffffff
Complementary palette of #22705f:
#22705f
#702233
Triadic palette of #22705f:
#22705f
#5f2270
#705f22
Square palette of #22705f:
#22705f
#382270
#702233
#5a7022
Analogous palette of #22705f:
#227038
#22705f
#225a70
Split-Complementary palette of #22705f:
#22705f
#70225a
#703822
Rectangle (tetradic) palette of #22705f:
#22705f
#223370
#702233
#705f22
Suggested color palettes for #22705f HEX:
Color palette with color #22705f #1:
Color palette with color #22705f #2:
Color palette with color #22705f #3:
Color palette with color #22705f #4:
Color palette with color #22705f #5:
Color #22705f used in palettes (1)
Color Contrast
Color pairings of #22705f with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#22705f
#22705fContrast Ratio
5.91:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#22705f
#22705fContrast Ratio
3.55:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #22705f color png
Visit the popular colors list for more colors