#30efef hex color

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

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

● #30efef color description : Bright cyan.

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

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

CIE-LAB	86.3, -43.717, -12.96
XYZ	47.661, 68.589, 92.384
xyY	0.228, 0.329, 68.589
CIE-LCH	86.3, 45.597, 196.513
CIE-LUV	86.3, -63.952, -13.809
Hunter-Lab	82.818, -42.208, -8.165
Binary	00110000, 11101111, 11101111

#30efef
```
#30efef rgb(48,239,239)
```
#ef3030
```
#ef3030 rgb(239,48,48)
```

Complementary Color

#30ef90
```
#30ef90 rgb(48,239,144)
```
#30efef
```
#30efef rgb(48,239,239)
```
#3090ef
```
#3090ef rgb(48,144,239)
```

Analogous Color

#ef9030
```
#ef9030 rgb(239,144,48)
```
#30efef
```
#30efef rgb(48,239,239)
```
#ef3090
```
#ef3090 rgb(239,48,144)
```

Split Complementary Color

#efef30
```
#efef30 rgb(239,239,48)
```
#30efef
```
#30efef rgb(48,239,239)
```
#ef30ef
```
#ef30ef rgb(239,48,239)
```

Triadic Color

#30ef30
```
#30ef30 rgb(48,239,48)
```
#30efef
```
#30efef rgb(48,239,239)
```
#ef30ef
```
#ef30ef rgb(239,48,239)
```
#ef3030
```
#ef3030 rgb(239,48,48)
```

Tetradic Color

#0fc3c3
```
#0fc3c3 rgb(15,195,195)
```
#11dbdb
```
#11dbdb rgb(17,219,219)
```
#18eded
```
#18eded rgb(24,237,237)
```
#30efef
```
#30efef rgb(48,239,239)
```
#48f1f1
```
#48f1f1 rgb(72,241,241)
```
#5ff3f3
```
#5ff3f3 rgb(95,243,243)
```
#77f4f4
```
#77f4f4 rgb(119,244,244)
```

Monochromatic Color

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

#30efbf
```
#30efbf rgb(48,239,191)
```
#30efcf
```
#30efcf rgb(48,239,207)
```
#30efdf
```
#30efdf rgb(48,239,223)
```
#30efef
```
#30efef rgb(48,239,239)
```
#30dfef
```
#30dfef rgb(48,223,239)
```
#30cfef
```
#30cfef rgb(48,207,239)
```
#30bfef
```
#30bfef rgb(48,191,239)
```

Similar Colors

Text with hexadecimal color #30efef

This text has a font color of #30efef.

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

#30efef background color

This paragraph has a background color of #30efef.

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

#30efef border color

This element has a border color of #30efef.

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

CSS codes

.text {color:#30efef;}

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

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

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

#010b0b
```
#010b0b rgb(1,11,11)
```
#021e1e
```
#021e1e rgb(2,30,30)
```
#043030
```
#043030 rgb(4,48,48)
```
#054242
```
#054242 rgb(5,66,66)
```
#075454
```
#075454 rgb(7,84,84)
```
#086767
```
#086767 rgb(8,103,103)
```
#097979
```
#097979 rgb(9,121,121)
```
#0b8b8b
```
#0b8b8b rgb(11,139,139)
```
#0c9d9d
```
#0c9d9d rgb(12,157,157)
```
#0eafaf
```
#0eafaf rgb(14,175,175)
```
#0fc2c2
```
#0fc2c2 rgb(15,194,194)
```
#10d4d4
```
#10d4d4 rgb(16,212,212)
```
#12e6e6
```
#12e6e6 rgb(18,230,230)
```

Shade Color Variation

#1eeeee
```
#1eeeee rgb(30,238,238)
```
#30efef
```
#30efef rgb(48,239,239)
```
#42f0f0
```
#42f0f0 rgb(66,240,240)
```
#54f2f2
```
#54f2f2 rgb(84,242,242)
```
#67f3f3
```
#67f3f3 rgb(103,243,243)
```
#79f5f5
```
#79f5f5 rgb(121,245,245)
```
#8bf6f6
```
#8bf6f6 rgb(139,246,246)
```
#9df7f7
```
#9df7f7 rgb(157,247,247)
```
#aff9f9
```
#aff9f9 rgb(175,249,249)
```
#c2fafa
```
#c2fafa rgb(194,250,250)
```
#d4fcfc
```
#d4fcfc rgb(212,252,252)
```
#e6fdfd
```
#e6fdfd rgb(230,253,253)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

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

#8e9191
```
#8e9191 rgb(142,145,145)
```
#869999
```
#869999 rgb(134,153,153)
```
#7da2a2
```
#7da2a2 rgb(125,162,162)
```
#75aaaa
```
#75aaaa rgb(117,170,170)
```
#6cb3b3
```
#6cb3b3 rgb(108,179,179)
```
#63bcbc
```
#63bcbc rgb(99,188,188)
```
#5bc4c4
```
#5bc4c4 rgb(91,196,196)
```
#52cdcd
```
#52cdcd rgb(82,205,205)
```
#4ad5d5
```
#4ad5d5 rgb(74,213,213)
```
#41dede
```
#41dede rgb(65,222,222)
```
#39e6e6
```
#39e6e6 rgb(57,230,230)
```
#30efef
```
#30efef rgb(48,239,239)
```
#27f8f8
```
#27f8f8 rgb(39,248,248)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#9bc1c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dad8e2 Protanopia 1% of men
#ded5f9 Deuteranopia 1% of men
#4bedfe Tritanopia 0.001% of the population

Trichromacy

#9ce0e7 Protanomaly 1% of men, 0.01% of women
#9edef5 Deuteranomaly 6% of men, 0.4% of women
#41edf9 Tritanomaly 0.01% of the population

#30efef hex color

#30efef Color Information

#30efef Color Conversion

Color Schemes with #30efef

Alternatives to #30efef

#30efef Preview

Shades and Tints of #30efef

Tones of #30efef

Color Blindness Simulator