#28689D

#28689D

Color Values

HEX

#28689D

RGB

40, 104, 157

HSL

207.2, 59.4%, 38.6%

HSV

207.2, 74.5%, 61.6%

CMYK

74.5%, 33.8%, 0.0%, 38.4%

OKLCH

0.5023 0.1065 247.1

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#28689D

#9D5D28

Analogous

#289D97

#282D9D

#28689D

Triadic

#28689D

#9D2868

#689D28

Split Complementary

#28689D

#9D282D

#9D9728

Tetradic

#28689D

#97289D

#9D5D28

#2D9D28

Color Blindness Simulation

Original

#28689D

Protanopia

#444490

Deuteranopia

#403B8D

Tritanopia

#2B8684

Achromatopsia

#5E5E5E

CSS Usage

background-color: #28689D;
color: #28689D;
border-color: #28689D;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F8FB
100
#E4EEF6
200
#C6DDF1
300
#9DC5E6
400
#69A6D9
500
#3487CB
600
#296CA3
700
#215682
800
#1A4366
900
#17334A
950
#0E202F

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

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