#2D9AF4

#2D9AF4

Color Values

HEX

#2D9AF4

RGB

45, 154, 244

HSL

207.1, 90.0%, 56.7%

HSV

207.1, 81.6%, 95.7%

CMYK

81.6%, 36.9%, 0.0%, 4.3%

OKLCH

0.6699 0.1637 248.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#2D9AF4

#F4872D

Analogous

#2DF4EA

#2D37F4

#2D9AF4

Triadic

#2D9AF4

#F42D9A

#9AF42D

Split Complementary

#2D9AF4

#F42D37

#F4EA2D

Tetradic

#2D9AF4

#EA2DF4

#F4872D

#37F42D

Color Blindness Simulation

Original

#2D9AF4

Protanopia

#5C5DDE

Deuteranopia

#564ED9

Tritanopia

#32CDC9

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDEFB
300
#8BC7F9
400
#4CA9F6
500
#0D8BF2
600
#0A6FC2
700
#08599B
800
#064579
900
#093458
950
#062137

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.04:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026