#285773

#285773

Color Values

HEX

#285773

RGB

40, 87, 115

HSL

202.4, 48.4%, 30.4%

HSV

202.4, 65.2%, 45.1%

CMYK

65.2%, 24.3%, 0.0%, 54.9%

OKLCH

0.4368 0.069 237.4

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#285773

#734428

Analogous

#28736A

#283273

#285773

Triadic

#285773

#732857

#577328

Split Complementary

#285773

#732832

#736A28

Tetradic

#285773

#6A2873

#734428

#327328

Color Blindness Simulation

Original

#285773

Protanopia

#3C3D6C

Deuteranopia

#3A366B

Tritanopia

#2A6766

Achromatopsia

#4F4F4F

CSS Usage

background-color: #285773;
color: #285773;
border-color: #285773;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CAE0ED
300
#A4C9DF
400
#73ACCE
500
#428FBD
600
#357397
700
#2A5C79
800
#21485F
900
#1B3646
950
#11222C

Contrast Checker

Text on white

7.77:1

AA Pass AAA Pass

Text on black

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