HEX Color #1DA0F0 (Cornflowerblue)

About #1DA0F0

The precise color #1DA0F0 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Cornflowerblue. In the RGB color space, it consists of 29 red, 160 green, and 240 blue.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 88% cyan, 33% magenta, 0% yellow, and 6% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#1DA0F0

RGB29, 160, 240

HSL202.7°, 87.6%, 52.7%

CMYK88%, 33%, 0%, 6%

HSV202.7°, 87.9%, 94.1%

LAB63.1, -5.0, -49.3

XYZ28.8, 31.7, 87.0

Decimal1941744

Color Harmonies

Complementary

#1DA0F0 #EF6C1D

Analogous

#1DEFD6 #1D36EF

Triadic

#EF1DA0 #A0EF1D

Tetradic

#D61DEF #EF6C1D #36EF1D

Tints, Shades & Tones

Tints (Adding White)

#1DA0F0

#36AAF1

#4FB5F3

#68BFF5

#81CAF6

#9AD4F8

#B3DFFA

#CCE9FB

#E5F4FD

#FFFFFF

Shades (Adding Black)

#1DA0F0

#198ED5

#167CBA

#136AA0

#105885

#0C476A

#093550

#062335

#03111A

#000000

WCAG Contrast Accessibility

2.86:1

Text on #FFFFFF

FAIL

7.34:1

Text on #000000

AAA

2.73:1

Text on #F8FAFC

FAIL

6.24:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #1DA0F0; }

.text-color { color: #1DA0F0; }

.border-color { border: 2px solid #1DA0F0; }

Similar Colors

Cornflowerblue

#6495ED