#2884BF

#2884BF

Color Values

HEX

#2884BF

RGB

40, 132, 191

HSL

203.4, 65.4%, 45.3%

HSV

203.4, 79.1%, 74.9%

CMYK

79.1%, 30.9%, 0.0%, 25.1%

OKLCH

0.5884 0.1229 242.0

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#2884BF

#BF6328

Analogous

#28BFAE

#2839BF

#2884BF

Triadic

#2884BF

#BF2884

#84BF28

Split Complementary

#2884BF

#BF2839

#BFAE28

Tetradic

#2884BF

#AE28BF

#BF6328

#39BF28

Color Blindness Simulation

Original

#2884BF

Protanopia

#5051B1

Deuteranopia

#4A44AD

Tritanopia

#2DA5A3

Achromatopsia

#757575

CSS Usage

background-color: #2884BF;
color: #2884BF;
border-color: #2884BF;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E3EFF7
200
#C4E0F3
300
#9ACBEA
400
#63AEDE
500
#2C92D3
600
#2375A9
700
#1C5D87
800
#164969
900
#14374D
950
#0D2331

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

5.14:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026