#286D7C

#286D7C

Color Values

HEX

#286D7C

RGB

40, 109, 124

HSL

190.7, 51.2%, 32.2%

HSV

190.7, 67.7%, 48.6%

CMYK

67.7%, 12.1%, 0.0%, 51.4%

OKLCH

0.4981 0.0717 214.7

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#286D7C

#7C3728

Analogous

#287C61

#28437C

#286D7C

Triadic

#286D7C

#7C286D

#6D7C28

Split Complementary

#286D7C

#7C2843

#7C6128

Tetradic

#286D7C

#61287C

#7C3728

#437C28

Color Blindness Simulation

Original

#286D7C

Protanopia

#464678

Deuteranopia

#423D78

Tritanopia

#2B7675

Achromatopsia

#5F5F5F

CSS Usage

background-color: #286D7C;
color: #286D7C;
border-color: #286D7C;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F4F9FB
100
#E5F2F5
200
#C9E7EE
300
#A2D6E1
400
#70C0D1
500
#3EA9C1
600
#32889A
700
#286C7B
800
#1F5560
900
#1A3F47
950
#10282D

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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