#1DACE2

#1DACE2

Color Values

HEX

#1DACE2

RGB

29, 172, 226

HSL

196,4, 77,3%, 50,0%

HSV

196,4, 87,2%, 88,6%

CMYK

87,2%, 23,9%, 0,0%, 11,4%

OKLCH

0,699 0,1349 230,8

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#1DACE2

#E2531D

Analogous

#1DE2B5

#1D4AE2

#1DACE2

Triadic

#1DACE2

#E21DAC

#ACE21D

Split Complementary

#1DACE2

#E21D4A

#E2B51D

Tetradic

#1DACE2

#B51DE2

#E2531D

#4AE21D

Color Blindness Simulation

Original

#1DACE2

Protanopia

#5B5CD5

Deuteranopia

#5348D2

Tritanopia

#24CBC8

Achromatopsia

#919191

CSS Usage

background-color: #1DACE2;
color: #1DACE2;
border-color: #1DACE2;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2FAFC
100
#E1F2F9
200
#C0E8F7
300
#92D7F1
400
#58C2EA
500
#1DACE2
600
#178AB5
700
#136E91
800
#0E5671
900
#0F4052
950
#092834

Contrast Checker

Text on white

2,61:1

AA Fail AAA Fail

Text on black

8,05:1

AA Pass AAA Pass

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