#228F9F

#228F9F

Color Values

HEX

#228F9F

RGB

34, 143, 159

HSL

187.7, 64.8%, 37.8%

HSV

187.7, 78.6%, 62.4%

CMYK

78.6%, 10.1%, 0.0%, 37.6%

OKLCH

0.5988 0.0952 209.8

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#228F9F

#9F3222

Analogous

#229F70

#22509F

#228F9F

Triadic

#228F9F

#9F228F

#8F9F22

Split Complementary

#228F9F

#9F2250

#9F7022

Tetradic

#228F9F

#70229F

#9F3222

#509F22

Color Blindness Simulation

Original

#228F9F

Protanopia

#51529B

Deuteranopia

#4B439A

Tritanopia

#279897

Achromatopsia

#797979

CSS Usage

background-color: #228F9F;
color: #228F9F;
border-color: #228F9F;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FAFC
100
#E3F4F7
200
#C4ECF2
300
#9ADFE9
400
#64CEDE
500
#2DBDD2
600
#2497A8
700
#1D7986
800
#165E69
900
#14454D
950
#0D2C30

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

5.5:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026