#286F7B

#286F7B

Color Values

HEX

#286F7B

RGB

40, 111, 123

HSL

188.7, 50.9%, 32.0%

HSV

188.7, 67.5%, 48.2%

CMYK

67.5%, 9.8%, 0.0%, 51.8%

OKLCH

0.5029 0.0716 210.7

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#286F7B

#7B3428

Analogous

#287B5E

#28467B

#286F7B

Triadic

#286F7B

#7B286F

#6F7B28

Split Complementary

#286F7B

#7B2846

#7B5E28

Tetradic

#286F7B

#5E287B

#7B3428

#467B28

Color Blindness Simulation

Original

#286F7B

Protanopia

#474778

Deuteranopia

#433D77

Tritanopia

#2C7675

Achromatopsia

#616161

CSS Usage

background-color: #286F7B;
color: #286F7B;
border-color: #286F7B;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9E8ED
300
#A3D8E1
400
#71C3D1
500
#3FAEC0
600
#328B9A
700
#286F7B
800
#1F5760
900
#1A4047
950
#11292D

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

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