#30f8ef hex color

In a RGB color space, hex #30f8ef is composed of 18.8% red, 97.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 3.6% yellow and 2.7% black. It has a hue angle of 177.3 degrees, a saturation of 93.5% and a lightness of 58%. #30f8ef color hex could be obtained by blending #60ffff with #00f1df. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 19
- G 97
- B 94
RGB color chart
- C 81
- M 0
- Y 4
- K 3
CMYK color chart

● #30f8ef color description : Bright cyan.

The hexadecimal color #30f8ef has RGB values of R:48, G:248, B:239 and CMYK values of C:0.81, M:0, Y:0.04, K:0.03. Its decimal value is 3209455.

Hex triplet	30f8ef	`#30f8ef`
RGB Decimal	48, 248, 239	`rgb(48,248,239)`
RGB Percent	18.8, 97.3, 93.7	`rgb(18.8%,97.3%,93.7%)`
CMYK	81, 0, 4, 3
HSL	177.3°, 93.5, 58	`hsl(177.3,93.5%,58%)`
HSV (or HSB)	177.3°, 80.6, 97.3
Web Safe	33ffff	`#33ffff`

CIE-LAB	88.918, -47.635, -9.06
XYZ	50.361, 73.99, 93.284
xyY	0.231, 0.34, 73.99
CIE-LCH	88.918, 48.489, 190.769
CIE-LUV	88.918, -66.99, -6.842
Hunter-Lab	86.018, -46.023, -4.086
Binary	00110000, 11111000, 11101111

#30f8ef
```
#30f8ef rgb(48,248,239)
```
#f83039
```
#f83039 rgb(248,48,57)
```

Complementary Color

#30f88b
```
#30f88b rgb(48,248,139)
```
#30f8ef
```
#30f8ef rgb(48,248,239)
```
#309df8
```
#309df8 rgb(48,157,248)
```

Analogous Color

#f88b30
```
#f88b30 rgb(248,139,48)
```
#30f8ef
```
#30f8ef rgb(48,248,239)
```
#f8309d
```
#f8309d rgb(248,48,157)
```

Split Complementary Color

#f8ef30
```
#f8ef30 rgb(248,239,48)
```
#30f8ef
```
#30f8ef rgb(48,248,239)
```
#ef30f8
```
#ef30f8 rgb(239,48,248)
```

Triadic Color

#39f830
```
#39f830 rgb(57,248,48)
```
#30f8ef
```
#30f8ef rgb(48,248,239)
```
#ef30f8
```
#ef30f8 rgb(239,48,248)
```
#f83039
```
#f83039 rgb(248,48,57)
```

Tetradic Color

#07d4cb
```
#07d4cb rgb(7,212,203)
```
#08ede3
```
#08ede3 rgb(8,237,227)
```
#17f7ed
```
#17f7ed rgb(23,247,237)
```
#30f8ef
```
#30f8ef rgb(48,248,239)
```
#49f9f1
```
#49f9f1 rgb(73,249,241)
```
#61faf3
```
#61faf3 rgb(97,250,243)
```
#7afbf5
```
#7afbf5 rgb(122,251,245)
```

Monochromatic Color

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

#30f8bd
```
#30f8bd rgb(48,248,189)
```
#30f8ce
```
#30f8ce rgb(48,248,206)
```
#30f8de
```
#30f8de rgb(48,248,222)
```
#30f8ef
```
#30f8ef rgb(48,248,239)
```
#30f0f8
```
#30f0f8 rgb(48,240,248)
```
#30e0f8
```
#30e0f8 rgb(48,224,248)
```
#30cff8
```
#30cff8 rgb(48,207,248)
```

Similar Colors

Text with hexadecimal color #30f8ef

This text has a font color of #30f8ef.

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

#30f8ef background color

This paragraph has a background color of #30f8ef.

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

#30f8ef border color

This element has a border color of #30f8ef.

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

CSS codes

.text {color:#30f8ef;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#011514
```
#011514 rgb(1,21,20)
```
#012826
```
#012826 rgb(1,40,38)
```
#023b38
```
#023b38 rgb(2,59,56)
```
#034e4a
```
#034e4a rgb(3,78,74)
```
#03615c
```
#03615c rgb(3,97,92)
```
#04746f
```
#04746f rgb(4,116,111)
```
#058781
```
#058781 rgb(5,135,129)
```
#059a93
```
#059a93 rgb(5,154,147)
```
#06aca5
```
#06aca5 rgb(6,172,165)
```
#06bfb7
```
#06bfb7 rgb(6,191,183)
```
#07d2c9
```
#07d2c9 rgb(7,210,201)
```
#08e5db
```
#08e5db rgb(8,229,219)
```

Shade Color Variation

#0af7ec
```
#0af7ec rgb(10,247,236)
```
#1df7ee
```
#1df7ee rgb(29,247,238)
```
#30f8ef
```
#30f8ef rgb(48,248,239)
```
#43f9f0
```
#43f9f0 rgb(67,249,240)
```
#56f9f2
```
#56f9f2 rgb(86,249,242)
```
#69faf3
```
#69faf3 rgb(105,250,243)
```
#7cfbf5
```
#7cfbf5 rgb(124,251,245)
```
#8ffbf6
```
#8ffbf6 rgb(143,251,246)
```
#a2fcf8
```
#a2fcf8 rgb(162,252,248)
```
#b5fcf9
```
#b5fcf9 rgb(181,252,249)
```
#c8fdfb
```
#c8fdfb rgb(200,253,251)
```
#dbfefc
```
#dbfefc rgb(219,254,252)
```
#eefefe
```
#eefefe rgb(238,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939595 is the less saturated color, while #30f8ef is the most saturated one.

#939595
```
#939595 rgb(147,149,149)
```
#8b9d9d
```
#8b9d9d rgb(139,157,157)
```
#82a6a4
```
#82a6a4 rgb(130,166,164)
```
#7aaeac
```
#7aaeac rgb(122,174,172)
```
#72b6b3
```
#72b6b3 rgb(114,182,179)
```
#6abebb
```
#6abebb rgb(106,190,187)
```
#61c7c2
```
#61c7c2 rgb(97,199,194)
```
#59cfca
```
#59cfca rgb(89,207,202)
```
#51d7d1
```
#51d7d1 rgb(81,215,209)
```
#49dfd9
```
#49dfd9 rgb(73,223,217)
```
#40e8e0
```
#40e8e0 rgb(64,232,224)
```
#38f0e8
```
#38f0e8 rgb(56,240,232)
```
#30f8ef
```
#30f8ef rgb(48,248,239)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#9fc7c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4dfe2 Protanopia 1% of men
#e9dbfa Deuteranopia 1% of men
#86f0ff Tritanopia 0.001% of the population

Trichromacy

#a2e8e6 Protanomaly 1% of men, 0.01% of women
#a5e5f6 Deuteranomaly 6% of men, 0.4% of women
#67f3f9 Tritanomaly 0.01% of the population

#30f8ef hex color

#30f8ef Color Information

#30f8ef Color Conversion

Color Schemes with #30f8ef

Alternatives to #30f8ef

#30f8ef Preview

Shades and Tints of #30f8ef

Tones of #30f8ef

Color Blindness Simulator