#285873

#285873

Color Values

HEX

#285873

RGB

40, 88, 115

HSL

201.6, 48.4%, 30.4%

HSV

201.6, 65.2%, 45.1%

CMYK

65.2%, 23.5%, 0.0%, 54.9%

OKLCH

0.4394 0.0684 235.9

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#285873

#734328

Analogous

#287369

#283373

#285873

Triadic

#285873

#732858

#587328

Split Complementary

#285873

#732833

#736928

Tetradic

#285873

#692873

#734328

#337328

Color Blindness Simulation

Original

#285873

Protanopia

#3D3D6C

Deuteranopia

#3A366B

Tritanopia

#2A6766

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CAE0ED
300
#A4CADF
400
#73ADCE
500
#4291BD
600
#357497
700
#2A5D79
800
#21485F
900
#1B3646
950
#11222C

Contrast Checker

Text on white

7.68:1

AA Pass AAA Pass

Text on black

2.73:1

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