#30d1d4 hex color

In a RGB color space, hex #30d1d4 is composed of 18.8% red, 82% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 1.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 181.1 degrees, a saturation of 65.6% and a lightness of 51%. #30d1d4 color hex could be obtained by blending #60ffff with #00a3a9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 82
- B 83
RGB color chart
- C 77
- M 1
- Y 0
- K 17
CMYK color chart

● #30d1d4 color description : Strong cyan.

The hexadecimal color #30d1d4 has RGB values of R:48, G:209, B:212 and CMYK values of C:0.77, M:0.01, Y:0, K:0.17. Its decimal value is 3199444.

Hex triplet	30d1d4	`#30d1d4`
RGB Decimal	48, 209, 212	`rgb(48,209,212)`
RGB Percent	18.8, 82, 83.1	`rgb(18.8%,82%,83.1%)`
CMYK	77, 1, 0, 17
HSL	181.1°, 65.6, 51	`hsl(181.1,65.6%,51%)`
HSV (or HSB)	181.1°, 77.4, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	76.666, -37.998, -13.034
XYZ	35.899, 50.979, 70.232
xyY	0.228, 0.324, 50.979
CIE-LCH	76.666, 40.172, 198.933
CIE-LUV	76.666, -55.658, -14.593
Hunter-Lab	71.4, -35.201, -8.34
Binary	00110000, 11010001, 11010100

#30d1d4
```
#30d1d4 rgb(48,209,212)
```
#d43330
```
#d43330 rgb(212,51,48)
```

Complementary Color

#30d485
```
#30d485 rgb(48,212,133)
```
#30d1d4
```
#30d1d4 rgb(48,209,212)
```
#307fd4
```
#307fd4 rgb(48,127,212)
```

Analogous Color

#d48530
```
#d48530 rgb(212,133,48)
```
#30d1d4
```
#30d1d4 rgb(48,209,212)
```
#d4307f
```
#d4307f rgb(212,48,127)
```

Split Complementary Color

#d1d430
```
#d1d430 rgb(209,212,48)
```
#30d1d4
```
#30d1d4 rgb(48,209,212)
```
#d430d1
```
#d430d1 rgb(212,48,209)
```

Triadic Color

#30d433
```
#30d433 rgb(48,212,51)
```
#30d1d4
```
#30d1d4 rgb(48,209,212)
```
#d430d1
```
#d430d1 rgb(212,48,209)
```
#d43330
```
#d43330 rgb(212,51,48)
```

Tetradic Color

#209698
```
#209698 rgb(32,150,152)
```
#24abad
```
#24abad rgb(36,171,173)
```
#28bfc2
```
#28bfc2 rgb(40,191,194)
```
#30d1d4
```
#30d1d4 rgb(48,209,212)
```
#45d6d8
```
#45d6d8 rgb(69,214,216)
```
#5adadd
```
#5adadd rgb(90,218,221)
```
#6fdfe1
```
#6fdfe1 rgb(111,223,225)
```

Monochromatic Color

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

#30d4ae
```
#30d4ae rgb(48,212,174)
```
#30d4bc
```
#30d4bc rgb(48,212,188)
```
#30d4c9
```
#30d4c9 rgb(48,212,201)
```
#30d1d4
```
#30d1d4 rgb(48,209,212)
```
#30c3d4
```
#30c3d4 rgb(48,195,212)
```
#30b6d4
```
#30b6d4 rgb(48,182,212)
```
#30a8d4
```
#30a8d4 rgb(48,168,212)
```

Similar Colors

Text with hexadecimal color #30d1d4

This text has a font color of #30d1d4.

<span style="color:#30d1d4;">Text here</span>

#30d1d4 background color

This paragraph has a background color of #30d1d4.

<p style="background-color:#30d1d4;">Content here</p>

#30d1d4 border color

This element has a border color of #30d1d4.

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

CSS codes

.text {color:#30d1d4;}

.background {background-color:#30d1d4;}

.border {border:1px solid #30d1d4;}

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

#010404
```
#010404 rgb(1,4,4)
```
#041414
```
#041414 rgb(4,20,20)
```
#082425
```
#082425 rgb(8,36,37)
```
#0b3435
```
#0b3435 rgb(11,52,53)
```
#0e4445
```
#0e4445 rgb(14,68,69)
```
#125455
```
#125455 rgb(18,84,85)
```
#156466
```
#156466 rgb(21,100,102)
```
#187476
```
#187476 rgb(24,116,118)
```
#1c8486
```
#1c8486 rgb(28,132,134)
```
#1f9496
```
#1f9496 rgb(31,148,150)
```
#23a4a7
```
#23a4a7 rgb(35,164,167)
```
#26b4b7
```
#26b4b7 rgb(38,180,183)
```
#29c4c7
```
#29c4c7 rgb(41,196,199)
```

Shade Color Variation

#30d1d4
```
#30d1d4 rgb(48,209,212)
```
#40d5d7
```
#40d5d7 rgb(64,213,215)
```
#50d8db
```
#50d8db rgb(80,216,219)
```
#61dcde
```
#61dcde rgb(97,220,222)
```
#71dfe1
```
#71dfe1 rgb(113,223,225)
```
#81e3e5
```
#81e3e5 rgb(129,227,229)
```
#91e7e8
```
#91e7e8 rgb(145,231,232)
```
#a2eaec
```
#a2eaec rgb(162,234,236)
```
#b2eeef
```
#b2eeef rgb(178,238,239)
```
#c2f1f2
```
#c2f1f2 rgb(194,241,242)
```
#d2f5f6
```
#d2f5f6 rgb(210,245,246)
```
#e3f9f9
```
#e3f9f9 rgb(227,249,249)
```
#f3fcfc
```
#f3fcfc rgb(243,252,252)
```

Tint Color Variation

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

#7d8787
```
#7d8787 rgb(125,135,135)
```
#739091
```
#739091 rgb(115,144,145)
```
#6a999a
```
#6a999a rgb(106,153,154)
```
#60a3a4
```
#60a3a4 rgb(96,163,164)
```
#56acae
```
#56acae rgb(86,172,174)
```
#4db5b7
```
#4db5b7 rgb(77,181,183)
```
#43bec1
```
#43bec1 rgb(67,190,193)
```
#3ac8ca
```
#3ac8ca rgb(58,200,202)
```
#30d1d4
```
#30d1d4 rgb(48,209,212)
```
#26dade
```
#26dade rgb(38,218,222)
```
#1de4e7
```
#1de4e7 rgb(29,228,231)
```
#13edf1
```
#13edf1 rgb(19,237,241)
```
#0af6fa
```
#0af6fa rgb(10,246,250)
```

Tone Color Variation

Below, you can see how #30d1d4 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

#a1a1a1 Achromatopsia 0.005% of the population
#8aabab Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0bfca Protanopia 1% of men
#c3bcde Deuteranopia 1% of men
#45d1e1 Tritanopia 0.001% of the population

Trichromacy

#8cc5ce Protanomaly 1% of men, 0.01% of women
#8dc3da Deuteranomaly 6% of men, 0.4% of women
#3dd1dc Tritanomaly 0.01% of the population

#30d1d4 hex color

#30d1d4 Color Information

#30d1d4 Color Conversion

Color Schemes with #30d1d4

Alternatives to #30d1d4

#30d1d4 Preview

Shades and Tints of #30d1d4

Tones of #30d1d4

Color Blindness Simulator