#285383

#285383

Color Values

HEX

#285383

RGB

40, 83, 131

HSL

211.6, 53.2%, 33.5%

HSV

211.6, 69.5%, 51.4%

CMYK

69.5%, 36.6%, 0.0%, 48.6%

OKLCH

0.4358 0.093 252.9

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#285383

#835828

Analogous

#288083

#2A2883

#285383

Triadic

#285383

#832853

#538328

Split Complementary

#285383

#832A28

#808328

Tetradic

#285383

#832880

#835828

#28832A

Color Blindness Simulation

Original

#285383

Protanopia

#3B3B77

Deuteranopia

#383575

Tritanopia

#2A6E6C

Achromatopsia

#4D4D4D

CSS Usage

background-color: #285383;
color: #285383;
border-color: #285383;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C8DAEE
300
#A1C0E2
400
#6E9ED3
500
#3C7CC3
600
#30639C
700
#264F7D
800
#1E3E62
900
#192F48
950
#101E2D

Contrast Checker

Text on white

7.91:1

AA Pass AAA Pass

Text on black

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