colorhexa.com

#1dd5f9 hex color

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

- R 11
- G 84
- B 98
RGB color chart
- C 88
- M 14
- Y 0
- K 2
CMYK color chart

● #1dd5f9 color description : Vivid cyan.

The hexadecimal color #1dd5f9 has RGB values of R:29, G:213, B:249 and CMYK values of C:0.88, M:0.14, Y:0, K:0.02. Its decimal value is 1955321.

Hex triplet	1dd5f9	`#1dd5f9`
RGB Decimal	29, 213, 249	`rgb(29,213,249)`
RGB Percent	11.4, 83.5, 97.6	`rgb(11.4%,83.5%,97.6%)`
CMYK	88, 14, 0, 2
HSL	189.8°, 94.8, 54.5	`hsl(189.8,94.8%,54.5%)`
HSV (or HSB)	189.8°, 88.4, 97.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.86, -29.877, -29.544
XYZ	41.395, 54.685, 97.991
xyY	0.213, 0.282, 54.685
CIE-LCH	78.86, 42.018, 224.679
CIE-LUV	78.86, -55.934, -43.525
Hunter-Lab	73.949, -29.492, -26.801
Binary	00011101, 11010101, 11111001

#1dd5f9
```
#1dd5f9 rgb(29,213,249)
```
#f9411d
```
#f9411d rgb(249,65,29)
```

Complementary Color

#1df9af
```
#1df9af rgb(29,249,175)
```
#1dd5f9
```
#1dd5f9 rgb(29,213,249)
```
#1d67f9
```
#1d67f9 rgb(29,103,249)
```

Analogous Color

#f9af1d
```
#f9af1d rgb(249,175,29)
```
#1dd5f9
```
#1dd5f9 rgb(29,213,249)
```
#f91d67
```
#f91d67 rgb(249,29,103)
```

Split Complementary Color

#d5f91d
```
#d5f91d rgb(213,249,29)
```
#1dd5f9
```
#1dd5f9 rgb(29,213,249)
```
#f91dd5
```
#f91dd5 rgb(249,29,213)
```

Triadic Color

#1df941
```
#1df941 rgb(29,249,65)
```
#1dd5f9
```
#1dd5f9 rgb(29,213,249)
```
#f91dd5
```
#f91dd5 rgb(249,29,213)
```
#f9411d
```
#f9411d rgb(249,65,29)
```

Tetradic Color

#05a5c4
```
#05a5c4 rgb(5,165,196)
```
#06badd
```
#06badd rgb(6,186,221)
```
#07cff6
```
#07cff6 rgb(7,207,246)
```
#1dd5f9
```
#1dd5f9 rgb(29,213,249)
```
#36dafa
```
#36dafa rgb(54,218,250)
```
#4fdefa
```
#4fdefa rgb(79,222,250)
```
#68e3fb
```
#68e3fb rgb(104,227,251)
```

Monochromatic Color

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

#1df9e6
```
#1df9e6 rgb(29,249,230)
```
#1df9f8
```
#1df9f8 rgb(29,249,248)
```
#1de7f9
```
#1de7f9 rgb(29,231,249)
```
#1dd5f9
```
#1dd5f9 rgb(29,213,249)
```
#1dc3f9
```
#1dc3f9 rgb(29,195,249)
```
#1db0f9
```
#1db0f9 rgb(29,176,249)
```
#1d9ef9
```
#1d9ef9 rgb(29,158,249)
```

Similar Colors

Text with hexadecimal color #1dd5f9

This text has a font color of #1dd5f9.

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

#1dd5f9 background color

This paragraph has a background color of #1dd5f9.

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

#1dd5f9 border color

This element has a border color of #1dd5f9.

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

CSS codes

.text {color:#1dd5f9;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#011316
```
#011316 rgb(1,19,22)
```
#01232a
```
#01232a rgb(1,35,42)
```
#02333d
```
#02333d rgb(2,51,61)
```
#024350
```
#024350 rgb(2,67,80)
```
#035363
```
#035363 rgb(3,83,99)
```
#036376
```
#036376 rgb(3,99,118)
```
#047389
```
#047389 rgb(4,115,137)
```
#04839c
```
#04839c rgb(4,131,156)
```
#0593af
```
#0593af rgb(5,147,175)
```
#05a3c2
```
#05a3c2 rgb(5,163,194)
```
#06b3d5
```
#06b3d5 rgb(6,179,213)
```
#06c4e9
```
#06c4e9 rgb(6,196,233)
```

Shade Color Variation

#0ad1f8
```
#0ad1f8 rgb(10,209,248)
```
#1dd5f9
```
#1dd5f9 rgb(29,213,249)
```
#30d9fa
```
#30d9fa rgb(48,217,250)
```
#43dcfa
```
#43dcfa rgb(67,220,250)
```
#56e0fb
```
#56e0fb rgb(86,224,251)
```
#69e3fb
```
#69e3fb rgb(105,227,251)
```
#7de7fc
```
#7de7fc rgb(125,231,252)
```
#90eafc
```
#90eafc rgb(144,234,252)
```
#a3eefd
```
#a3eefd rgb(163,238,253)
```
#b6f1fd
```
#b6f1fd rgb(182,241,253)
```
#c9f5fe
```
#c9f5fe rgb(201,245,254)
```
#dcf9fe
```
#dcf9fe rgb(220,249,254)
```
#effcff
```
#effcff rgb(239,252,255)
```

Tint Color Variation

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

#888d8e
```
#888d8e rgb(136,141,142)
```
#7f9397
```
#7f9397 rgb(127,147,151)
```
#7699a0
```
#7699a0 rgb(118,153,160)
```
#6d9fa9
```
#6d9fa9 rgb(109,159,169)
```
#64a5b2
```
#64a5b2 rgb(100,165,178)
```
#5babbb
```
#5babbb rgb(91,171,187)
```
#53b1c3
```
#53b1c3 rgb(83,177,195)
```
#4ab7cc
```
#4ab7cc rgb(74,183,204)
```
#41bdd5
```
#41bdd5 rgb(65,189,213)
```
#38c3de
```
#38c3de rgb(56,195,222)
```
#2fc9e7
```
#2fc9e7 rgb(47,201,231)
```
#26cff0
```
#26cff0 rgb(38,207,240)
```
#1dd5f9
```
#1dd5f9 rgb(29,213,249)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#87acb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc4ed Protanopia 1% of men
#b6c3ff Deuteranopia 1% of men
#00d9e9 Tritanopia 0.001% of the population

Trichromacy

#82caf1 Protanomaly 1% of men, 0.01% of women
#7ec9fc Deuteranomaly 6% of men, 0.4% of women
#0ad7ef Tritanomaly 0.01% of the population