#285895

#285895

Color Values

HEX

#285895

RGB

40, 88, 149

HSL

213.6, 57.7%, 37.1%

HSV

213.6, 73.2%, 58.4%

CMYK

73.2%, 40.9%, 0.0%, 41.6%

OKLCH

0.4592 0.1125 255.7

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#285895

#956528

Analogous

#288F95

#2F2895

#285895

Triadic

#285895

#952858

#589528

Split Complementary

#285895

#952F28

#8F9528

Tetradic

#285895

#95288F

#956528

#28952F

Color Blindness Simulation

Original

#285895

Protanopia

#3D3D86

Deuteranopia

#3A3683

Tritanopia

#2A7B78

Achromatopsia

#525252

CSS Usage

background-color: #285895;
color: #285895;
border-color: #285895;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FB
100
#E4ECF6
200
#C7D9F0
300
#9EBEE5
400
#6A9AD7
500
#3677C9
600
#2B5FA1
700
#234C81
800
#1B3B65
900
#172D4A
950
#0F1D2E

Contrast Checker

Text on white

7.19:1

AA Pass AAA Pass

Text on black

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