#228a7a HEX color information
| Color | HEX | RGB |
|---|---|---|
| #228a7a | RGB(34, 138, 122) |
Created at 10/09/2026 14:11
RGB values are RGB(34, 138, 122)
#228a7a color contains Red 13.33%, Green 54.12% and Blue 47.84%.
oklch(57.22% 0.0945 179.93)
#228a7a color contains Red 13.33%, Green 54.12% and Blue 47.84%.
oklch(57.22% 0.0945 179.93)
Color Names of #228a7a HEX code
≈ Lochinvar
Classification of #228a7a color
#228a7a is Light and Cool Color Saturation 60%, lightness 34%.
Tint of Dark Cyan
Alternative colors of #228a7a
Opposite Color for #228a7a is #8a2232
#228a7a Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #228a7a
cmyk
CMYK(75%, 0%, 12%, 46%)
Decimal
2263674
HEX
#228a7a
HSL
hsl(171, 60%, 34%)
HSLA
hsla(171, 60%, 34%, 1)
RGB
RGB(34, 138, 122)
RGBA
RGBA(34, 138, 122, 1)
Palettes for #228a7a color:
Below are examples of color palettes with the #228a7a HEX color
darkest color is #030e0c from shades and lightest color is #e9f3f2 from tints
Shades palette of #228a7a:
#1f7c6e
#1b6e62
#186155
#145349
#11453d
#0e3731
#0a2925
#071c18
#030e0c
#000000
Tints palette of #228a7a:
#389687
#4ea195
#64ada2
#7ab9af
#91c5bd
#a7d0ca
#bddcd7
#d3e8e4
#e9f3f2
#ffffff
Complementary palette of #228a7a:
#228a7a
#8a2232
Triadic palette of #228a7a:
#228a7a
#7a228a
#8a7a22
Square palette of #228a7a:
#228a7a
#46228a
#8a2232
#668a22
Analogous palette of #228a7a:
#228a46
#228a7a
#22668a
Split-Complementary palette of #228a7a:
#228a7a
#8a2266
#8a4622
Rectangle (tetradic) palette of #228a7a:
#228a7a
#22328a
#8a2232
#8a7a22
Suggested color palettes for #228a7a HEX:
Color palette with color #228a7a #1:
Color palette with color #228a7a #2:
Color palette with color #228a7a #3:
Color palette with color #228a7a #4:
Color palette with color #228a7a #5:
Color Contrast
Color pairings of #228a7a with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#228a7a
#228a7aContrast Ratio
4.21:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#228a7a
#228a7aContrast Ratio
4.98:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #228a7a color png
Visit the popular colors list for more colors