#227C99

#227C99

Color Values

HEX

#227C99

RGB

34, 124, 153

HSL

194.6, 63.6%, 36.7%

HSV

194.6, 77.8%, 60.0%

CMYK

77.8%, 19.0%, 0.0%, 40.0%

OKLCH

0.548 0.0923 224.4

Properties

Cool Dark Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#227C99

#993F22

Analogous

#22997B

#224199

#227C99

Triadic

#227C99

#99227C

#7C9922

Split Complementary

#227C99

#992241

#997B22

Tetradic

#227C99

#7B2299

#993F22

#419922

Color Blindness Simulation

Original

#227C99

Protanopia

#494A92

Deuteranopia

#443D90

Tritanopia

#268C8B

Achromatopsia

#6B6B6B

CSS Usage

background-color: #227C99;
color: #227C99;
border-color: #227C99;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3F9FB
100
#E4F2F7
200
#C5E7F2
300
#9BD6E9
400
#65BFDD
500
#2EA9D1
600
#2587A7
700
#1E6C85
800
#175568
900
#153F4C
950
#0D2830

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

4.41:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026