#286C70

#286C70

Color Values

HEX

#286C70

RGB

40, 108, 112

HSL

183.3, 47.4%, 29.8%

HSV

183.3, 64.3%, 43.9%

CMYK

64.3%, 3.6%, 0.0%, 56.1%

OKLCH

0.4904 0.0675 200.6

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#286C70

#702C28

Analogous

#287050

#284870

#286C70

Triadic

#286C70

#70286C

#6C7028

Split Complementary

#286C70

#702848

#705028

Tetradic

#286C70

#502870

#702C28

#487028

Color Blindness Simulation

Original

#286C70

Protanopia

#45466F

Deuteranopia

#423C6F

Tritanopia

#2B6E6E

Achromatopsia

#5E5E5E

CSS Usage

background-color: #286C70;
color: #286C70;
border-color: #286C70;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAEAEC
300
#A5DCDF
400
#74C8CD
500
#43B5BC
600
#369196
700
#2B7478
800
#225B5E
900
#1C4345
950
#122A2C

Contrast Checker

Text on white

6.05:1

AA Pass AAA Fail

Text on black

3.47:1

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