#228480

#228480

Color Values

HEX

#228480

RGB

34, 132, 128

HSL

177.6, 59.0%, 32.5%

HSV

177.6, 74.2%, 51.8%

CMYK

74.2%, 0.0%, 3.0%, 48.2%

OKLCH

0.5584 0.0868 190.9

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#228480

#842226

Analogous

#22844F

#225784

#228480

Triadic

#228480

#802284

#848022

Split Complementary

#228480

#842257

#844F22

Tetradic

#228480

#4F2284

#842226

#578422

Color Blindness Simulation

Original

#228480

Protanopia

#4C4D81

Deuteranopia

#473F81

Tritanopia

#278282

Achromatopsia

#6F6F6F

CSS Usage

background-color: #228480;
color: #228480;
border-color: #228480;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFB
100
#E4F6F5
200
#C6F0EF
300
#9EE6E3
400
#69D8D4
500
#34CBC5
600
#2AA29D
700
#21827E
800
#1A6562
900
#174A48
950
#0E2F2E

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

4.68:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026