#30efcc hex color

In a RGB color space, hex #30efcc is composed of 18.8% red, 93.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 0% magenta, 14.6% yellow and 6.3% black. It has a hue angle of 169 degrees, a saturation of 85.7% and a lightness of 56.3%. #30efcc color hex could be obtained by blending #60ffff with #00df99. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 94
- B 80
RGB color chart
- C 80
- M 0
- Y 15
- K 6
CMYK color chart

● #30efcc color description : Bright cyan.

The hexadecimal color #30efcc has RGB values of R:48, G:239, B:204 and CMYK values of C:0.8, M:0, Y:0.15, K:0.06. Its decimal value is 3207116.

Hex triplet	30efcc	`#30efcc`
RGB Decimal	48, 239, 204	`rgb(48,239,204)`
RGB Percent	18.8, 93.7, 80	`rgb(18.8%,93.7%,80%)`
CMYK	80, 0, 15, 6
HSL	169°, 85.7, 56.3	`hsl(169,85.7%,56.3%)`
HSV (or HSB)	169°, 79.9, 93.7
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.361, -53.12, 4.027
XYZ	42.981, 66.717, 67.736
xyY	0.242, 0.376, 66.717
CIE-LCH	85.361, 53.273, 175.664
CIE-LUV	85.361, -66.542, 14.652
Hunter-Lab	81.68, -49.013, 8.008
Binary	00110000, 11101111, 11001100

#30efcc
```
#30efcc rgb(48,239,204)
```
#ef3053
```
#ef3053 rgb(239,48,83)
```

Complementary Color

#30ef6d
```
#30ef6d rgb(48,239,109)
```
#30efcc
```
#30efcc rgb(48,239,204)
```
#30b3ef
```
#30b3ef rgb(48,179,239)
```

Analogous Color

#ef6d30
```
#ef6d30 rgb(239,109,48)
```
#30efcc
```
#30efcc rgb(48,239,204)
```
#ef30b3
```
#ef30b3 rgb(239,48,179)
```

Split Complementary Color

#efcc30
```
#efcc30 rgb(239,204,48)
```
#30efcc
```
#30efcc rgb(48,239,204)
```
#cc30ef
```
#cc30ef rgb(204,48,239)
```

Triadic Color

#53ef30
```
#53ef30 rgb(83,239,48)
```
#30efcc
```
#30efcc rgb(48,239,204)
```
#cc30ef
```
#cc30ef rgb(204,48,239)
```
#ef3053
```
#ef3053 rgb(239,48,83)
```

Tetradic Color

#0fc3a2
```
#0fc3a2 rgb(15,195,162)
```
#11dbb6
```
#11dbb6 rgb(17,219,182)
```
#18edc6
```
#18edc6 rgb(24,237,198)
```
#30efcc
```
#30efcc rgb(48,239,204)
```
#48f1d2
```
#48f1d2 rgb(72,241,210)
```
#5ff3d8
```
#5ff3d8 rgb(95,243,216)
```
#77f4dd
```
#77f4dd rgb(119,244,221)
```

Monochromatic Color

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

#30ef9c
```
#30ef9c rgb(48,239,156)
```
#30efac
```
#30efac rgb(48,239,172)
```
#30efbc
```
#30efbc rgb(48,239,188)
```
#30efcc
```
#30efcc rgb(48,239,204)
```
#30efdc
```
#30efdc rgb(48,239,220)
```
#30efec
```
#30efec rgb(48,239,236)
```
#30e2ef
```
#30e2ef rgb(48,226,239)
```

Similar Colors

Text with hexadecimal color #30efcc

This text has a font color of #30efcc.

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

#30efcc background color

This paragraph has a background color of #30efcc.

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

#30efcc border color

This element has a border color of #30efcc.

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

CSS codes

.text {color:#30efcc;}

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

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

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, #010b0a is the darkest color, while #f8fefd is the lightest one.

#010b0a
```
#010b0a rgb(1,11,10)
```
#021e19
```
#021e19 rgb(2,30,25)
```
#043028
```
#043028 rgb(4,48,40)
```
#054237
```
#054237 rgb(5,66,55)
```
#075446
```
#075446 rgb(7,84,70)
```
#086755
```
#086755 rgb(8,103,85)
```
#097964
```
#097964 rgb(9,121,100)
```
#0b8b73
```
#0b8b73 rgb(11,139,115)
```
#0c9d83
```
#0c9d83 rgb(12,157,131)
```
#0eaf92
```
#0eaf92 rgb(14,175,146)
```
#0fc2a1
```
#0fc2a1 rgb(15,194,161)
```
#10d4b0
```
#10d4b0 rgb(16,212,176)
```
#12e6bf
```
#12e6bf rgb(18,230,191)
```

Shade Color Variation

#1eeec8
```
#1eeec8 rgb(30,238,200)
```
#30efcc
```
#30efcc rgb(48,239,204)
```
#42f0d0
```
#42f0d0 rgb(66,240,208)
```
#54f2d5
```
#54f2d5 rgb(84,242,213)
```
#67f3d9
```
#67f3d9 rgb(103,243,217)
```
#79f5de
```
#79f5de rgb(121,245,222)
```
#8bf6e2
```
#8bf6e2 rgb(139,246,226)
```
#9df7e7
```
#9df7e7 rgb(157,247,231)
```
#aff9eb
```
#aff9eb rgb(175,249,235)
```
#c2faf0
```
#c2faf0 rgb(194,250,240)
```
#d4fcf4
```
#d4fcf4 rgb(212,252,244)
```
#e6fdf9
```
#e6fdf9 rgb(230,253,249)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9190 is the less saturated color, while #27f8d1 is the most saturated one.

#8e9190
```
#8e9190 rgb(142,145,144)
```
#869996
```
#869996 rgb(134,153,150)
```
#7da29b
```
#7da29b rgb(125,162,155)
```
#75aaa1
```
#75aaa1 rgb(117,170,161)
```
#6cb3a6
```
#6cb3a6 rgb(108,179,166)
```
#63bcab
```
#63bcab rgb(99,188,171)
```
#5bc4b1
```
#5bc4b1 rgb(91,196,177)
```
#52cdb6
```
#52cdb6 rgb(82,205,182)
```
#4ad5bc
```
#4ad5bc rgb(74,213,188)
```
#41dec1
```
#41dec1 rgb(65,222,193)
```
#39e6c7
```
#39e6c7 rgb(57,230,199)
```
#30efcc
```
#30efcc rgb(48,239,204)
```
#27f8d1
```
#27f8d1 rgb(39,248,209)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#98beb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0d6c2 Protanopia 1% of men
#ead1d9 Deuteranopia 1% of men
#5ee9fa Tritanopia 0.001% of the population

Trichromacy

#a0dfc5 Protanomaly 1% of men, 0.01% of women
#a6dcd4 Deuteranomaly 6% of men, 0.4% of women
#4debe9 Tritanomaly 0.01% of the population

#30efcc hex color

#30efcc Color Information

#30efcc Color Conversion

Color Schemes with #30efcc

Alternatives to #30efcc

#30efcc Preview

Shades and Tints of #30efcc

Tones of #30efcc

Color Blindness Simulator