#288DAD

#288DAD

Color Values

HEX

#288DAD

RGB

40, 141, 173

HSL

194.4, 62.4%, 41.8%

HSV

194.4, 76.9%, 67.8%

CMYK

76.9%, 18.5%, 0.0%, 32.2%

OKLCH

0.6012 0.1008 224.0

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#288DAD

#AD4828

Analogous

#28AD8B

#284BAD

#288DAD

Triadic

#288DAD

#AD288D

#8DAD28

Split Complementary

#288DAD

#AD284B

#AD8B28

Tetradic

#288DAD

#8B28AD

#AD4828

#4BAD28

Color Blindness Simulation

Original

#288DAD

Protanopia

#5455A5

Deuteranopia

#4E46A3

Tritanopia

#2D9F9E

Achromatopsia

#7A7A7A

CSS Usage

background-color: #288DAD;
color: #288DAD;
border-color: #288DAD;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3F9FB
100
#E4F2F7
200
#C5E7F2
300
#9CD6E8
400
#66BFDC
500
#30A9CF
600
#2687A6
700
#1F6C85
800
#185468
900
#153F4C
950
#0D2830

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

5.5:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026