#1dc2f9 hex color

In a RGB color space, hex #1dc2f9 is composed of 11.4% red, 76.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 88.4% cyan, 22.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 195 degrees, a saturation of 94.8% and a lightness of 54.5%. #1dc2f9 color hex could be obtained by blending #3affff with #0085f3. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 11
- G 76
- B 98
RGB color chart
- C 88
- M 22
- Y 0
- K 2
CMYK color chart

● #1dc2f9 color description : Vivid blue.

The hexadecimal color #1dc2f9 has RGB values of R:29, G:194, B:249 and CMYK values of C:0.88, M:0.22, Y:0, K:0.02. Its decimal value is 1950457.

Hex triplet	1dc2f9	`#1dc2f9`
RGB Decimal	29, 194, 249	`rgb(29,194,249)`
RGB Percent	11.4, 76.1, 97.6	`rgb(11.4%,76.1%,97.6%)`
CMYK	88, 22, 0, 2
HSL	195°, 94.8, 54.5	`hsl(195,94.8%,54.5%)`
HSV (or HSB)	195°, 88.4, 97.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.338, -20.347, -38.074
XYZ	36.893, 45.681, 96.49
xyY	0.206, 0.255, 45.681
CIE-LCH	73.338, 43.17, 241.879
CIE-LUV	73.338, -49.535, -59.028
Hunter-Lab	67.588, -20.844, -37.333
Binary	00011101, 11000010, 11111001

#1dc2f9
```
#1dc2f9 rgb(29,194,249)
```
#f9541d
```
#f9541d rgb(249,84,29)
```

Complementary Color

#1df9c2
```
#1df9c2 rgb(29,249,194)
```
#1dc2f9
```
#1dc2f9 rgb(29,194,249)
```
#1d54f9
```
#1d54f9 rgb(29,84,249)
```

Analogous Color

#f9c21d
```
#f9c21d rgb(249,194,29)
```
#1dc2f9
```
#1dc2f9 rgb(29,194,249)
```
#f91d54
```
#f91d54 rgb(249,29,84)
```

Split Complementary Color

#c2f91d
```
#c2f91d rgb(194,249,29)
```
#1dc2f9
```
#1dc2f9 rgb(29,194,249)
```
#f91dc2
```
#f91dc2 rgb(249,29,194)
```

Triadic Color

#1df954
```
#1df954 rgb(29,249,84)
```
#1dc2f9
```
#1dc2f9 rgb(29,194,249)
```
#f91dc2
```
#f91dc2 rgb(249,29,194)
```
#f9541d
```
#f9541d rgb(249,84,29)
```

Tetradic Color

#0595c4
```
#0595c4 rgb(5,149,196)
```
#06a7dd
```
#06a7dd rgb(6,167,221)
```
#07baf6
```
#07baf6 rgb(7,186,246)
```
#1dc2f9
```
#1dc2f9 rgb(29,194,249)
```
#36c9fa
```
#36c9fa rgb(54,201,250)
```
#4fcffa
```
#4fcffa rgb(79,207,250)
```
#68d6fb
```
#68d6fb rgb(104,214,251)
```

Monochromatic Color

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

#1df9f9
```
#1df9f9 rgb(29,249,249)
```
#1de7f9
```
#1de7f9 rgb(29,231,249)
```
#1dd4f9
```
#1dd4f9 rgb(29,212,249)
```
#1dc2f9
```
#1dc2f9 rgb(29,194,249)
```
#1db0f9
```
#1db0f9 rgb(29,176,249)
```
#1d9df9
```
#1d9df9 rgb(29,157,249)
```
#1d8bf9
```
#1d8bf9 rgb(29,139,249)
```

Similar Colors

Text with hexadecimal color #1dc2f9

This text has a font color of #1dc2f9.

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

#1dc2f9 background color

This paragraph has a background color of #1dc2f9.

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

#1dc2f9 border color

This element has a border color of #1dc2f9.

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

CSS codes

.text {color:#1dc2f9;}

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

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

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, #000203 is the darkest color, while #effbff is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#011116
```
#011116 rgb(1,17,22)
```
#011f2a
```
#011f2a rgb(1,31,42)
```
#022e3d
```
#022e3d rgb(2,46,61)
```
#023c50
```
#023c50 rgb(2,60,80)
```
#034b63
```
#034b63 rgb(3,75,99)
```
#035976
```
#035976 rgb(3,89,118)
```
#046889
```
#046889 rgb(4,104,137)
```
#04769c
```
#04769c rgb(4,118,156)
```
#0585af
```
#0585af rgb(5,133,175)
```
#0593c2
```
#0593c2 rgb(5,147,194)
```
#06a2d5
```
#06a2d5 rgb(6,162,213)
```
#06b0e9
```
#06b0e9 rgb(6,176,233)
```

Shade Color Variation

#0abdf8
```
#0abdf8 rgb(10,189,248)
```
#1dc2f9
```
#1dc2f9 rgb(29,194,249)
```
#30c7fa
```
#30c7fa rgb(48,199,250)
```
#43ccfa
```
#43ccfa rgb(67,204,250)
```
#56d1fb
```
#56d1fb rgb(86,209,251)
```
#69d7fb
```
#69d7fb rgb(105,215,251)
```
#7ddcfc
```
#7ddcfc rgb(125,220,252)
```
#90e1fc
```
#90e1fc rgb(144,225,252)
```
#a3e6fd
```
#a3e6fd rgb(163,230,253)
```
#b6ebfd
```
#b6ebfd rgb(182,235,253)
```
#c9f0fe
```
#c9f0fe rgb(201,240,254)
```
#dcf6fe
```
#dcf6fe rgb(220,246,254)
```
#effbff
```
#effbff rgb(239,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888c8e is the less saturated color, while #1dc2f9 is the most saturated one.

#888c8e
```
#888c8e rgb(136,140,142)
```
#7f9197
```
#7f9197 rgb(127,145,151)
```
#7695a0
```
#7695a0 rgb(118,149,160)
```
#6d9aa9
```
#6d9aa9 rgb(109,154,169)
```
#649eb2
```
#649eb2 rgb(100,158,178)
```
#5ba3bb
```
#5ba3bb rgb(91,163,187)
```
#53a7c3
```
#53a7c3 rgb(83,167,195)
```
#4aaccc
```
#4aaccc rgb(74,172,204)
```
#41b0d5
```
#41b0d5 rgb(65,176,213)
```
#38b5de
```
#38b5de rgb(56,181,222)
```
#2fb9e7
```
#2fb9e7 rgb(47,185,231)
```
#26bef0
```
#26bef0 rgb(38,190,240)
```
#1dc2f9
```
#1dc2f9 rgb(29,194,249)
```

Tone Color Variation

Below, you can see how #1dc2f9 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

#979797 Achromatopsia 0.005% of the population
#7fa0ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b5ee Protanopia 1% of men
#9ab6ff Deuteranopia 1% of men
#00c9d7 Tritanopia 0.001% of the population

Trichromacy

#74baf2 Protanomaly 1% of men, 0.01% of women
#6cbafc Deuteranomaly 6% of men, 0.4% of women
#0ac7e3 Tritanomaly 0.01% of the population

#1dc2f9 hex color

#1dc2f9 Color Information

#1dc2f9 Color Conversion

Color Schemes with #1dc2f9

Alternatives to #1dc2f9

#1dc2f9 Preview

Shades and Tints of #1dc2f9

Tones of #1dc2f9

Color Blindness Simulator