#285F7B

#285F7B

Color Values

HEX

#285F7B

RGB

40, 95, 123

HSL

200.2, 50.9%, 32.0%

HSV

200.2, 67.5%, 48.2%

CMYK

67.5%, 22.8%, 0.0%, 51.8%

OKLCH

0.4614 0.0733 233.7

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#285F7B

#7B4428

Analogous

#287B6E

#28367B

#285F7B

Triadic

#285F7B

#7B285F

#5F7B28

Split Complementary

#285F7B

#7B2836

#7B6E28

Tetradic

#285F7B

#6E287B

#7B4428

#367B28

Color Blindness Simulation

Original

#285F7B

Protanopia

#404074

Deuteranopia

#3D3873

Tritanopia

#2B6F6E

Achromatopsia

#555555

CSS Usage

background-color: #285F7B;
color: #285F7B;
border-color: #285F7B;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F4F8FB
100
#E5F0F5
200
#C9E1ED
300
#A3CCE1
400
#71B0D1
500
#3F95C0
600
#32779A
700
#285F7B
800
#1F4A60
900
#1A3847
950
#11232D

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

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