#2581DB

#2581DB

Color Values

HEX

#2581DB

RGB

37, 129, 219

HSL

209.7, 71.7%, 50.2%

HSV

209.7, 83.1%, 85.9%

CMYK

83.1%, 41.1%, 0.0%, 14.1%

OKLCH

0.5973 0.1603 252.2

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#2581DB

#DB7F25

Analogous

#25DBDA

#2526DB

#2581DB

Triadic

#2581DB

#DB2581

#81DB25

Split Complementary

#2581DB

#DB2526

#DBDA25

Tetradic

#2581DB

#DA25DB

#DB7F25

#26DB25

Color Blindness Simulation

Original

#2581DB

Protanopia

#4D4EC5

Deuteranopia

#4841C0

Tritanopia

#2AB4B0

Achromatopsia

#747474

CSS Usage

background-color: #2581DB;
color: #2581DB;
border-color: #2581DB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C2DCF5
300
#96C2EE
400
#5DA1E4
500
#2480DB
600
#1D67AF
700
#17528C
800
#12406D
900
#113150
950
#0B1F32

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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