#2287AA

#2287AA

Color Values

HEX

#2287AA

RGB

34, 135, 170

HSL

195.4, 66.7%, 40.0%

HSV

195.4, 80.0%, 66.7%

CMYK

80.0%, 20.6%, 0.0%, 33.3%

OKLCH

0.5836 0.1023 226.7

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#2287AA

#AA4522

Analogous

#22AA89

#2243AA

#2287AA

Triadic

#2287AA

#AA2287

#87AA22

Split Complementary

#2287AA

#AA2243

#AA8922

Tetradic

#2287AA

#8922AA

#AA4522

#43AA22

Color Blindness Simulation

Original

#2287AA

Protanopia

#4E4FA2

Deuteranopia

#4840A0

Tritanopia

#279B99

Achromatopsia

#747474

CSS Usage

background-color: #2287AA;
color: #2287AA;
border-color: #2287AA;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3F9FC
100
#E3F2F7
200
#C3E7F3
300
#99D6EB
400
#62BFE0
500
#2AA9D5
600
#2287AA
700
#1B6C88
800
#15546A
900
#133F4E
950
#0C2831

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

5.11: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