#2880DD

#2880DD

Color Values

HEX

#2880DD

RGB

40, 128, 221

HSL

210.8, 72.7%, 51.2%

HSV

210.8, 81.9%, 86.7%

CMYK

81.9%, 42.1%, 0.0%, 13.3%

OKLCH

0.597 0.1632 253.5

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#2880DD

#DD8528

Analogous

#28DBDD

#2B28DD

#2880DD

Triadic

#2880DD

#DD2880

#80DD28

Split Complementary

#2880DD

#DD2B28

#DBDD28

Tetradic

#2880DD

#DD28DB

#DD8528

#28DD2B

Color Blindness Simulation

Original

#2880DD

Protanopia

#4E4FC7

Deuteranopia

#4942C1

Tritanopia

#2CB5B1

Achromatopsia

#747474

CSS Usage

background-color: #2880DD;
color: #2880DD;
border-color: #2880DD;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C1DBF5
300
#95C1EE
400
#5C9FE5
500
#237DDC
600
#1C64B0
700
#16508D
800
#113F6E
900
#113050
950
#0B1E33

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

5.22:1

AA Pass 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