#285069

#285069

Color Values

HEX

#285069

RGB

40, 80, 105

HSL

203.1, 44.8%, 28.4%

HSV

203.1, 61.9%, 41.2%

CMYK

61.9%, 23.8%, 0.0%, 58.8%

OKLCH

0.4136 0.0616 238.2

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#285069

#694128

Analogous

#286961

#282F69

#285069

Triadic

#285069

#692850

#506928

Split Complementary

#285069

#69282F

#696128

Tetradic

#285069

#612869

#694128

#2F6928

Color Blindness Simulation

Original

#285069

Protanopia

#393A63

Deuteranopia

#373462

Tritanopia

#2A5E5D

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CBDFEB
300
#A6C8DD
400
#76AACB
500
#468DB9
600
#387194
700
#2D5A76
800
#23465C
900
#1D3544
950
#12212B

Contrast Checker

Text on white

8.6:1

AA Pass AAA Pass

Text on black

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