#286473

#286473

Color Values

HEX

#286473

RGB

40, 100, 115

HSL

192.0, 48.4%, 30.4%

HSV

192.0, 65.2%, 45.1%

CMYK

65.2%, 13.0%, 0.0%, 54.9%

OKLCH

0.4706 0.0657 217.0

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#286473

#733728

Analogous

#28735D

#283F73

#286473

Triadic

#286473

#732864

#647328

Split Complementary

#286473

#73283F

#735D28

Tetradic

#286473

#5D2873

#733728

#3F7328

Color Blindness Simulation

Original

#286473

Protanopia

#42436F

Deuteranopia

#3E3A6E

Tritanopia

#2B6D6C

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F4F9FA
100
#E6F2F4
200
#CAE6ED
300
#A4D4DF
400
#73BCCE
500
#42A5BD
600
#358497
700
#2A6979
800
#21525F
900
#1B3D46
950
#11272C

Contrast Checker

Text on white

6.64:1

AA Pass AAA Fail

Text on black

3.16:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026