#228FAA

#228FAA

Color Values

HEX

#228FAA

RGB

34, 143, 170

HSL

191.9, 66.7%, 40.0%

HSV

191.9, 80.0%, 66.7%

CMYK

80.0%, 15.9%, 0.0%, 33.3%

OKLCH

0.6035 0.1006 219.1

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#228FAA

#AA3D22

Analogous

#22AA81

#224BAA

#228FAA

Triadic

#228FAA

#AA228F

#8FAA22

Split Complementary

#228FAA

#AA224B

#AA8122

Tetradic

#228FAA

#8122AA

#AA3D22

#4BAA22

Color Blindness Simulation

Original

#228FAA

Protanopia

#5152A3

Deuteranopia

#4B43A2

Tritanopia

#279E9D

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E3F3F7
200
#C3EAF3
300
#99DAEB
400
#62C7E0
500
#2AB3D5
600
#228FAA
700
#1B7288
800
#15596A
900
#13424E
950
#0C2A31

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

5.58:1

AA Pass 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