#285565

#285565

Color Values

HEX

#285565

RGB

40, 85, 101

HSL

195.7, 43.3%, 27.6%

HSV

195.7, 60.4%, 39.6%

CMYK

60.4%, 15.8%, 0.0%, 60.4%

OKLCH

0.4247 0.056 223.8

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#285565

#653828

Analogous

#286556

#283665

#285565

Triadic

#285565

#652855

#556528

Split Complementary

#285565

#652836

#655628

Tetradic

#285565

#562865

#653828

#366528

Color Blindness Simulation

Original

#285565

Protanopia

#3B3C61

Deuteranopia

#393660

Tritanopia

#2A5E5D

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F0F4
200
#CCE3EB
300
#A7CEDC
400
#78B4CA
500
#489AB7
600
#3A7B92
700
#2E6275
800
#244D5B
900
#1E3943
950
#13242B

Contrast Checker

Text on white

8.15:1

AA Pass AAA Pass

Text on black

2.58:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026