#285B69

#285B69

Color Values

HEX

#285B69

RGB

40, 91, 105

HSL

192.9, 44.8%, 28.4%

HSV

192.9, 61.9%, 41.2%

CMYK

61.9%, 13.3%, 0.0%, 58.8%

OKLCH

0.4424 0.0588 218.4

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#285B69

#693628

Analogous

#286956

#283A69

#285B69

Triadic

#285B69

#69285B

#5B6928

Split Complementary

#285B69

#69283A

#695628

Tetradic

#285B69

#562869

#693628

#3A6928

Color Blindness Simulation

Original

#285B69

Protanopia

#3E3F66

Deuteranopia

#3B3765

Tritanopia

#2B6362

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CBE4EB
300
#A6D1DD
400
#76B9CB
500
#46A0B9
600
#388094
700
#2D6676
800
#23505C
900
#1D3C44
950
#12262B

Contrast Checker

Text on white

7.53:1

AA Pass AAA Pass

Text on black

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