#30ccd0 hex color

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

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

● #30ccd0 color description : Strong cyan.

The hexadecimal color #30ccd0 has RGB values of R:48, G:204, B:208 and CMYK values of C:0.77, M:0.02, Y:0, K:0.18. Its decimal value is 3198160.

Hex triplet	30ccd0	`#30ccd0`
RGB Decimal	48, 204, 208	`rgb(48,204,208)`
RGB Percent	18.8, 80, 81.6	`rgb(18.8%,80%,81.6%)`
CMYK	77, 2, 0, 18
HSL	181.5°, 63, 50.2	`hsl(181.5,63%,50.2%)`
HSV (or HSB)	181.5°, 76.9, 81.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.054, -36.868, -13.294
XYZ	34.193, 48.365, 67.204
xyY	0.228, 0.323, 48.365
CIE-LCH	75.054, 39.192, 199.829
CIE-LUV	75.054, -54.207, -15.142
Hunter-Lab	69.545, -33.94, -8.613
Binary	00110000, 11001100, 11010000

#30ccd0
```
#30ccd0 rgb(48,204,208)
```
#d03430
```
#d03430 rgb(208,52,48)
```

Complementary Color

#30d084
```
#30d084 rgb(48,208,132)
```
#30ccd0
```
#30ccd0 rgb(48,204,208)
```
#307cd0
```
#307cd0 rgb(48,124,208)
```

Analogous Color

#d08430
```
#d08430 rgb(208,132,48)
```
#30ccd0
```
#30ccd0 rgb(48,204,208)
```
#d0307c
```
#d0307c rgb(208,48,124)
```

Split Complementary Color

#ccd030
```
#ccd030 rgb(204,208,48)
```
#30ccd0
```
#30ccd0 rgb(48,204,208)
```
#d030cc
```
#d030cc rgb(208,48,204)
```

Triadic Color

#30d034
```
#30d034 rgb(48,208,52)
```
#30ccd0
```
#30ccd0 rgb(48,204,208)
```
#d030cc
```
#d030cc rgb(208,48,204)
```
#d03430
```
#d03430 rgb(208,52,48)
```

Tetradic Color

#218f92
```
#218f92 rgb(33,143,146)
```
#26a4a7
```
#26a4a7 rgb(38,164,167)
```
#2bb8bc
```
#2bb8bc rgb(43,184,188)
```
#30ccd0
```
#30ccd0 rgb(48,204,208)
```
#45d1d5
```
#45d1d5 rgb(69,209,213)
```
#5ad6d9
```
#5ad6d9 rgb(90,214,217)
```
#6edbde
```
#6edbde rgb(110,219,222)
```

Monochromatic Color

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

#30d0ac
```
#30d0ac rgb(48,208,172)
```
#30d0b9
```
#30d0b9 rgb(48,208,185)
```
#30d0c7
```
#30d0c7 rgb(48,208,199)
```
#30ccd0
```
#30ccd0 rgb(48,204,208)
```
#30bfd0
```
#30bfd0 rgb(48,191,208)
```
#30b1d0
```
#30b1d0 rgb(48,177,208)
```
#30a4d0
```
#30a4d0 rgb(48,164,208)
```

Similar Colors

Text with hexadecimal color #30ccd0

This text has a font color of #30ccd0.

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

#30ccd0 background color

This paragraph has a background color of #30ccd0.

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

#30ccd0 border color

This element has a border color of #30ccd0.

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

CSS codes

.text {color:#30ccd0;}

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

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

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)
```
#041011
```
#041011 rgb(4,16,17)
```
#072021
```
#072021 rgb(7,32,33)
```
#0b3031
```
#0b3031 rgb(11,48,49)
```
#0f4041
```
#0f4041 rgb(15,64,65)
```
#124f51
```
#124f51 rgb(18,79,81)
```
#165f61
```
#165f61 rgb(22,95,97)
```
#1a6f71
```
#1a6f71 rgb(26,111,113)
```
#1d7e81
```
#1d7e81 rgb(29,126,129)
```
#218e91
```
#218e91 rgb(33,142,145)
```
#249ea1
```
#249ea1 rgb(36,158,161)
```
#28adb1
```
#28adb1 rgb(40,173,177)
```
#2cbdc1
```
#2cbdc1 rgb(44,189,193)
```

Shade Color Variation

#30ccd0
```
#30ccd0 rgb(48,204,208)
```
#40d0d4
```
#40d0d4 rgb(64,208,212)
```
#50d4d7
```
#50d4d7 rgb(80,212,215)
```
#60d8db
```
#60d8db rgb(96,216,219)
```
#70dcdf
```
#70dcdf rgb(112,220,223)
```
#80e0e2
```
#80e0e2 rgb(128,224,226)
```
#90e4e6
```
#90e4e6 rgb(144,228,230)
```
#a0e8e9
```
#a0e8e9 rgb(160,232,233)
```
#b0eced
```
#b0eced rgb(176,236,237)
```
#c0eff1
```
#c0eff1 rgb(192,239,241)
```
#d0f3f4
```
#d0f3f4 rgb(208,243,244)
```
#e0f7f8
```
#e0f7f8 rgb(224,247,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 #09f1f7 is the most saturated one.

#7e8282
```
#7e8282 rgb(126,130,130)
```
#748b8c
```
#748b8c rgb(116,139,140)
```
#6b9495
```
#6b9495 rgb(107,148,149)
```
#619e9f
```
#619e9f rgb(97,158,159)
```
#57a7a9
```
#57a7a9 rgb(87,167,169)
```
#4db0b3
```
#4db0b3 rgb(77,176,179)
```
#44b9bc
```
#44b9bc rgb(68,185,188)
```
#3ac3c6
```
#3ac3c6 rgb(58,195,198)
```
#30ccd0
```
#30ccd0 rgb(48,204,208)
```
#26d5da
```
#26d5da rgb(38,213,218)
```
#1cdfe4
```
#1cdfe4 rgb(28,223,228)
```
#13e8ed
```
#13e8ed rgb(19,232,237)
```
#09f1f7
```
#09f1f7 rgb(9,241,247)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#88a7a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbbc7 Protanopia 1% of men
#beb8da Deuteranopia 1% of men
#44cddc Tritanopia 0.001% of the population

Trichromacy

#89c1ca Protanomaly 1% of men, 0.01% of women
#8abfd6 Deuteranomaly 6% of men, 0.4% of women
#3cccd7 Tritanomaly 0.01% of the population

#30ccd0 hex color

#30ccd0 Color Information

#30ccd0 Color Conversion

Color Schemes with #30ccd0

Alternatives to #30ccd0

#30ccd0 Preview

Shades and Tints of #30ccd0

Tones of #30ccd0

Color Blindness Simulator