#2D86DD

#2D86DD

Color Values

HEX

#2D86DD

RGB

45, 134, 221

HSL

209.7, 72.1%, 52.2%

HSV

209.7, 79.6%, 86.7%

CMYK

79.6%, 39.4%, 0.0%, 13.3%

OKLCH

0.6116 0.1556 251.7

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#2D86DD

#DD842D

Analogous

#2DDDDC

#2D2EDD

#2D86DD

Triadic

#2D86DD

#DD2D86

#86DD2D

Split Complementary

#2D86DD

#DD2D2E

#DDDC2D

Tetradic

#2D86DD

#DC2DDD

#DD842D

#2EDD2D

Color Blindness Simulation

Original

#2D86DD

Protanopia

#5454C8

Deuteranopia

#4E48C3

Tritanopia

#31B7B4

Achromatopsia

#797979

CSS Usage

background-color: #2D86DD;
color: #2D86DD;
border-color: #2D86DD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

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

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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