#30ced0 hex color

In a RGB color space, hex #30ced0 is composed of 18.8% red, 80.8% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 1% magenta, 0% yellow and 18.4% black. It has a hue angle of 180.8 degrees, a saturation of 63% and a lightness of 50.2%. #30ced0 color hex could be obtained by blending #60ffff with #009da1. Closest websafe color is: #33cccc.

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

● #30ced0 color description : Strong cyan.

The hexadecimal color #30ced0 has RGB values of R:48, G:206, B:208 and CMYK values of C:0.77, M:0.01, Y:0, K:0.18. Its decimal value is 3198672.

Hex triplet	30ced0	`#30ced0`
RGB Decimal	48, 206, 208	`rgb(48,206,208)`
RGB Percent	18.8, 80.8, 81.6	`rgb(18.8%,80.8%,81.6%)`
CMYK	77, 1, 0, 18
HSL	180.8°, 63, 50.2	`hsl(180.8,63%,50.2%)`
HSV (or HSB)	180.8°, 76.9, 81.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.651, -37.789, -12.4
XYZ	34.672, 49.322, 67.364
xyY	0.229, 0.326, 49.322
CIE-LCH	75.651, 39.771, 198.167
CIE-LUV	75.651, -54.904, -13.571
Hunter-Lab	70.229, -34.777, -7.71
Binary	00110000, 11001110, 11010000

#30ced0
```
#30ced0 rgb(48,206,208)
```
#d03230
```
#d03230 rgb(208,50,48)
```

Complementary Color

#30d082
```
#30d082 rgb(48,208,130)
```
#30ced0
```
#30ced0 rgb(48,206,208)
```
#307ed0
```
#307ed0 rgb(48,126,208)
```

Analogous Color

#d08230
```
#d08230 rgb(208,130,48)
```
#30ced0
```
#30ced0 rgb(48,206,208)
```
#d0307e
```
#d0307e rgb(208,48,126)
```

Split Complementary Color

#ced030
```
#ced030 rgb(206,208,48)
```
#30ced0
```
#30ced0 rgb(48,206,208)
```
#d030ce
```
#d030ce rgb(208,48,206)
```

Triadic Color

#30d032
```
#30d032 rgb(48,208,50)
```
#30ced0
```
#30ced0 rgb(48,206,208)
```
#d030ce
```
#d030ce rgb(208,48,206)
```
#d03230
```
#d03230 rgb(208,50,48)
```

Tetradic Color

#219192
```
#219192 rgb(33,145,146)
```
#26a5a7
```
#26a5a7 rgb(38,165,167)
```
#2bbabc
```
#2bbabc rgb(43,186,188)
```
#30ced0
```
#30ced0 rgb(48,206,208)
```
#45d3d5
```
#45d3d5 rgb(69,211,213)
```
#5ad8d9
```
#5ad8d9 rgb(90,216,217)
```
#6eddde
```
#6eddde rgb(110,221,222)
```

Monochromatic Color

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

#30d0aa
```
#30d0aa rgb(48,208,170)
```
#30d0b7
```
#30d0b7 rgb(48,208,183)
```
#30d0c5
```
#30d0c5 rgb(48,208,197)
```
#30ced0
```
#30ced0 rgb(48,206,208)
```
#30c1d0
```
#30c1d0 rgb(48,193,208)
```
#30b3d0
```
#30b3d0 rgb(48,179,208)
```
#30a6d0
```
#30a6d0 rgb(48,166,208)
```

Similar Colors

Text with hexadecimal color #30ced0

This text has a font color of #30ced0.

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

#30ced0 background color

This paragraph has a background color of #30ced0.

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

#30ced0 border color

This element has a border color of #30ced0.

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

CSS codes

.text {color:#30ced0;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#041111
```
#041111 rgb(4,17,17)
```
#072021
```
#072021 rgb(7,32,33)
```
#0b3031
```
#0b3031 rgb(11,48,49)
```
#0f4041
```
#0f4041 rgb(15,64,65)
```
#125051
```
#125051 rgb(18,80,81)
```
#166061
```
#166061 rgb(22,96,97)
```
#1a7071
```
#1a7071 rgb(26,112,113)
```
#1d7f81
```
#1d7f81 rgb(29,127,129)
```
#218f91
```
#218f91 rgb(33,143,145)
```
#249fa1
```
#249fa1 rgb(36,159,161)
```
#28afb1
```
#28afb1 rgb(40,175,177)
```
#2cbfc1
```
#2cbfc1 rgb(44,191,193)
```

Shade Color Variation

#30ced0
```
#30ced0 rgb(48,206,208)
```
#40d2d4
```
#40d2d4 rgb(64,210,212)
```
#50d6d7
```
#50d6d7 rgb(80,214,215)
```
#60d9db
```
#60d9db rgb(96,217,219)
```
#70dddf
```
#70dddf rgb(112,221,223)
```
#80e1e2
```
#80e1e2 rgb(128,225,226)
```
#90e5e6
```
#90e5e6 rgb(144,229,230)
```
#a0e8e9
```
#a0e8e9 rgb(160,232,233)
```
#b0eced
```
#b0eced rgb(176,236,237)
```
#c0f0f1
```
#c0f0f1 rgb(192,240,241)
```
#d0f4f4
```
#d0f4f4 rgb(208,244,244)
```
#e0f8f8
```
#e0f8f8 rgb(224,248,248)
```
#f0fbfc
```
#f0fbfc rgb(240,251,252)
```

Tint Color Variation

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

#7e8282
```
#7e8282 rgb(126,130,130)
```
#748b8c
```
#748b8c rgb(116,139,140)
```
#6b9595
```
#6b9595 rgb(107,149,149)
```
#619e9f
```
#619e9f rgb(97,158,159)
```
#57a8a9
```
#57a8a9 rgb(87,168,169)
```
#4db1b3
```
#4db1b3 rgb(77,177,179)
```
#44bbbc
```
#44bbbc rgb(68,187,188)
```
#3ac4c6
```
#3ac4c6 rgb(58,196,198)
```
#30ced0
```
#30ced0 rgb(48,206,208)
```
#26d8da
```
#26d8da rgb(38,216,218)
```
#1ce1e4
```
#1ce1e4 rgb(28,225,228)
```
#13ebed
```
#13ebed rgb(19,235,237)
```
#09f4f7
```
#09f4f7 rgb(9,244,247)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#89a8a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bebcc7 Protanopia 1% of men
#c0b9da Deuteranopia 1% of men
#45cedd Tritanopia 0.001% of the population

Trichromacy

#8ac3ca Protanomaly 1% of men, 0.01% of women
#8cc1d6 Deuteranomaly 6% of men, 0.4% of women
#3dced8 Tritanomaly 0.01% of the population

#30ced0 hex color

#30ced0 Color Information

#30ced0 Color Conversion

Color Schemes with #30ced0

Alternatives to #30ced0

#30ced0 Preview

Shades and Tints of #30ced0

Tones of #30ced0

Color Blindness Simulator