#1da2e2 hex color

In a RGB color space, hex #1da2e2 is composed of 11.4% red, 63.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 28.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 199.5 degrees, a saturation of 77.3% and a lightness of 50%. #1da2e2 color hex could be obtained by blending #3affff with #0045c5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 64
- B 89
RGB color chart
- C 87
- M 28
- Y 0
- K 11
CMYK color chart

● #1da2e2 color description : Vivid blue.

The hexadecimal color #1da2e2 has RGB values of R:29, G:162, B:226 and CMYK values of C:0.87, M:0.28, Y:0, K:0.11. Its decimal value is 1942242.

Hex triplet	1da2e2	`#1da2e2`
RGB Decimal	29, 162, 226	`rgb(29,162,226)`
RGB Percent	11.4, 63.5, 88.6	`rgb(11.4%,63.5%,88.6%)`
CMYK	87, 28, 0, 11
HSL	199.5°, 77.3, 50	`hsl(199.5,77.3%,50%)`
HSV (or HSB)	199.5°, 87.2, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.003, -11.234, -41.676
XYZ	27.151, 31.59, 76.614
xyY	0.201, 0.233, 31.59
CIE-LCH	63.003, 43.163, 254.914
CIE-LUV	63.003, -40.329, -64.965
Hunter-Lab	56.205, -12.131, -41.475
Binary	00011101, 10100010, 11100010

#1da2e2
```
#1da2e2 rgb(29,162,226)
```
#e25d1d
```
#e25d1d rgb(226,93,29)
```

Complementary Color

#1de2c0
```
#1de2c0 rgb(29,226,192)
```
#1da2e2
```
#1da2e2 rgb(29,162,226)
```
#1d40e2
```
#1d40e2 rgb(29,64,226)
```

Analogous Color

#e2c01d
```
#e2c01d rgb(226,192,29)
```
#1da2e2
```
#1da2e2 rgb(29,162,226)
```
#e21d40
```
#e21d40 rgb(226,29,64)
```

Split Complementary Color

#a2e21d
```
#a2e21d rgb(162,226,29)
```
#1da2e2
```
#1da2e2 rgb(29,162,226)
```
#e21da2
```
#e21da2 rgb(226,29,162)
```

Triadic Color

#1de25d
```
#1de25d rgb(29,226,93)
```
#1da2e2
```
#1da2e2 rgb(29,162,226)
```
#e21da2
```
#e21da2 rgb(226,29,162)
```
#e25d1d
```
#e25d1d rgb(226,93,29)
```

Tetradic Color

#14719e
```
#14719e rgb(20,113,158)
```
#1782b5
```
#1782b5 rgb(23,130,181)
```
#1a92cb
```
#1a92cb rgb(26,146,203)
```
#1da2e2
```
#1da2e2 rgb(29,162,226)
```
#34abe5
```
#34abe5 rgb(52,171,229)
```
#4ab5e8
```
#4ab5e8 rgb(74,181,232)
```
#61beeb
```
#61beeb rgb(97,190,235)
```

Monochromatic Color

Below, you can see some colors close to #1da2e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#1dd3e2
```
#1dd3e2 rgb(29,211,226)
```
#1dc3e2
```
#1dc3e2 rgb(29,195,226)
```
#1db2e2
```
#1db2e2 rgb(29,178,226)
```
#1da2e2
```
#1da2e2 rgb(29,162,226)
```
#1d92e2
```
#1d92e2 rgb(29,146,226)
```
#1d81e2
```
#1d81e2 rgb(29,129,226)
```
#1d71e2
```
#1d71e2 rgb(29,113,226)
```

Similar Colors

Text with hexadecimal color #1da2e2

This text has a font color of #1da2e2.

<span style="color:#1da2e2;">Text here</span>

#1da2e2 background color

This paragraph has a background color of #1da2e2.

<p style="background-color:#1da2e2;">Content here</p>

#1da2e2 border color

This element has a border color of #1da2e2.

<div style="border:1px solid #1da2e2;">Content here</div>

CSS codes

.text {color:#1da2e2;}

.background {background-color:#1da2e2;}

.border {border:1px solid #1da2e2;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020c11 is the darkest color, while #ffffff is the lightest one.

#020c11
```
#020c11 rgb(2,12,17)
```
#041923
```
#041923 rgb(4,25,35)
```
#072534
```
#072534 rgb(7,37,52)
```
#093246
```
#093246 rgb(9,50,70)
```
#0b3e57
```
#0b3e57 rgb(11,62,87)
```
#0d4b68
```
#0d4b68 rgb(13,75,104)
```
#10577a
```
#10577a rgb(16,87,122)
```
#12648b
```
#12648b rgb(18,100,139)
```
#14709c
```
#14709c rgb(20,112,156)
```
#167dae
```
#167dae rgb(22,125,174)
```
#1989bf
```
#1989bf rgb(25,137,191)
```
#1b96d1
```
#1b96d1 rgb(27,150,209)
```
#1da2e2
```
#1da2e2 rgb(29,162,226)
```

Shade Color Variation

#2ea9e4
```
#2ea9e4 rgb(46,169,228)
```
#40b0e6
```
#40b0e6 rgb(64,176,230)
```
#51b7e9
```
#51b7e9 rgb(81,183,233)
```
#63bfeb
```
#63bfeb rgb(99,191,235)
```
#74c6ed
```
#74c6ed rgb(116,198,237)
```
#85cdef
```
#85cdef rgb(133,205,239)
```
#97d4f2
```
#97d4f2 rgb(151,212,242)
```
#a8dbf4
```
#a8dbf4 rgb(168,219,244)
```
#b9e2f6
```
#b9e2f6 rgb(185,226,246)
```
#cbeaf8
```
#cbeaf8 rgb(203,234,248)
```
#dcf1fb
```
#dcf1fb rgb(220,241,251)
```
#eef8fd
```
#eef8fd rgb(238,248,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8080 is the less saturated color, while #09a9f6 is the most saturated one.

#7f8080
```
#7f8080 rgb(127,128,128)
```
#75838a
```
#75838a rgb(117,131,138)
```
#6b8794
```
#6b8794 rgb(107,135,148)
```
#628a9d
```
#628a9d rgb(98,138,157)
```
#588da7
```
#588da7 rgb(88,141,167)
```
#4e91b1
```
#4e91b1 rgb(78,145,177)
```
#4494bb
```
#4494bb rgb(68,148,187)
```
#3a98c5
```
#3a98c5 rgb(58,152,197)
```
#319bce
```
#319bce rgb(49,155,206)
```
#279fd8
```
#279fd8 rgb(39,159,216)
```
#1da2e2
```
#1da2e2 rgb(29,162,226)
```
#13a5ec
```
#13a5ec rgb(19,165,236)
```
#09a9f6
```
#09a9f6 rgb(9,169,246)
```

Tone Color Variation

Below, you can see how #1da2e2 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#828282 Achromatopsia 0.005% of the population
#6e8895 Atypical Achromatopsia 0.001% of the population

Dichromacy

#879bdb Protanopia 1% of men
#769de7 Deuteranopia 1% of men
#00adb8 Tritanopia 0.001% of the population

Trichromacy

#619ddd Protanomaly 1% of men, 0.01% of women
#569fe5 Deuteranomaly 6% of men, 0.4% of women
#0aa9c7 Tritanomaly 0.01% of the population

#1da2e2 hex color

#1da2e2 Color Information

#1da2e2 Color Conversion

Color Schemes with #1da2e2

Alternatives to #1da2e2

#1da2e2 Preview

Shades and Tints of #1da2e2

Tones of #1da2e2

Color Blindness Simulator