#30f8df hex color

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

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

● #30f8df color description : Bright cyan.

The hexadecimal color #30f8df has RGB values of R:48, G:248, B:223 and CMYK values of C:0.81, M:0, Y:0.1, K:0.03. Its decimal value is 3209439.

Hex triplet	30f8df	`#30f8df`
RGB Decimal	48, 248, 223	`rgb(48,248,223)`
RGB Percent	18.8, 97.3, 87.5	`rgb(18.8%,97.3%,87.5%)`
CMYK	81, 0, 10, 3
HSL	172.5°, 93.5, 58	`hsl(172.5,93.5%,58%)`
HSV (or HSB)	172.5°, 80.6, 97.3
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.489, -51.931, -1.349
XYZ	48.101, 73.086, 81.38
xyY	0.237, 0.361, 73.086
CIE-LCH	88.489, 51.949, 181.488
CIE-LUV	88.489, -68.185, 6.193
Hunter-Lab	85.49, -49.175, 3.404
Binary	00110000, 11111000, 11011111

#30f8df
```
#30f8df rgb(48,248,223)
```
#f83049
```
#f83049 rgb(248,48,73)
```

Complementary Color

#30f87b
```
#30f87b rgb(48,248,123)
```
#30f8df
```
#30f8df rgb(48,248,223)
```
#30adf8
```
#30adf8 rgb(48,173,248)
```

Analogous Color

#f87b30
```
#f87b30 rgb(248,123,48)
```
#30f8df
```
#30f8df rgb(48,248,223)
```
#f830ad
```
#f830ad rgb(248,48,173)
```

Split Complementary Color

#f8df30
```
#f8df30 rgb(248,223,48)
```
#30f8df
```
#30f8df rgb(48,248,223)
```
#df30f8
```
#df30f8 rgb(223,48,248)
```

Triadic Color

#49f830
```
#49f830 rgb(73,248,48)
```
#30f8df
```
#30f8df rgb(48,248,223)
```
#df30f8
```
#df30f8 rgb(223,48,248)
```
#f83049
```
#f83049 rgb(248,48,73)
```

Tetradic Color

#07d4bb
```
#07d4bb rgb(7,212,187)
```
#08edd0
```
#08edd0 rgb(8,237,208)
```
#17f7db
```
#17f7db rgb(23,247,219)
```
#30f8df
```
#30f8df rgb(48,248,223)
```
#49f9e3
```
#49f9e3 rgb(73,249,227)
```
#61fae7
```
#61fae7 rgb(97,250,231)
```
#7afbea
```
#7afbea rgb(122,251,234)
```

Monochromatic Color

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

#30f8ad
```
#30f8ad rgb(48,248,173)
```
#30f8be
```
#30f8be rgb(48,248,190)
```
#30f8ce
```
#30f8ce rgb(48,248,206)
```
#30f8df
```
#30f8df rgb(48,248,223)
```
#30f8f0
```
#30f8f0 rgb(48,248,240)
```
#30f0f8
```
#30f0f8 rgb(48,240,248)
```
#30dff8
```
#30dff8 rgb(48,223,248)
```

Similar Colors

Text with hexadecimal color #30f8df

This text has a font color of #30f8df.

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

#30f8df background color

This paragraph has a background color of #30f8df.

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

#30f8df border color

This element has a border color of #30f8df.

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

CSS codes

.text {color:#30f8df;}

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

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

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 #eefefc is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#011512
```
#011512 rgb(1,21,18)
```
#012823
```
#012823 rgb(1,40,35)
```
#023b34
```
#023b34 rgb(2,59,52)
```
#034e44
```
#034e44 rgb(3,78,68)
```
#036155
```
#036155 rgb(3,97,85)
```
#047466
```
#047466 rgb(4,116,102)
```
#058776
```
#058776 rgb(5,135,118)
```
#059a87
```
#059a87 rgb(5,154,135)
```
#06ac98
```
#06ac98 rgb(6,172,152)
```
#06bfa8
```
#06bfa8 rgb(6,191,168)
```
#07d2b9
```
#07d2b9 rgb(7,210,185)
```
#08e5ca
```
#08e5ca rgb(8,229,202)
```

Shade Color Variation

#0af7d9
```
#0af7d9 rgb(10,247,217)
```
#1df7dc
```
#1df7dc rgb(29,247,220)
```
#30f8df
```
#30f8df rgb(48,248,223)
```
#43f9e2
```
#43f9e2 rgb(67,249,226)
```
#56f9e5
```
#56f9e5 rgb(86,249,229)
```
#69fae8
```
#69fae8 rgb(105,250,232)
```
#7cfbeb
```
#7cfbeb rgb(124,251,235)
```
#8ffbee
```
#8ffbee rgb(143,251,238)
```
#a2fcf1
```
#a2fcf1 rgb(162,252,241)
```
#b5fcf4
```
#b5fcf4 rgb(181,252,244)
```
#c8fdf6
```
#c8fdf6 rgb(200,253,246)
```
#dbfef9
```
#dbfef9 rgb(219,254,249)
```
#eefefc
```
#eefefc rgb(238,254,252)
```

Tint Color Variation

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

#939595
```
#939595 rgb(147,149,149)
```
#8b9d9b
```
#8b9d9b rgb(139,157,155)
```
#82a6a1
```
#82a6a1 rgb(130,166,161)
```
#7aaea7
```
#7aaea7 rgb(122,174,167)
```
#72b6ae
```
#72b6ae rgb(114,182,174)
```
#6abeb4
```
#6abeb4 rgb(106,190,180)
```
#61c7ba
```
#61c7ba rgb(97,199,186)
```
#59cfc0
```
#59cfc0 rgb(89,207,192)
```
#51d7c6
```
#51d7c6 rgb(81,215,198)
```
#49dfcc
```
#49dfcc rgb(73,223,204)
```
#40e8d3
```
#40e8d3 rgb(64,232,211)
```
#38f0d9
```
#38f0d9 rgb(56,240,217)
```
#30f8df
```
#30f8df rgb(48,248,223)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#9ec6c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6ded3 Protanopia 1% of men
#eed9eb Deuteranopia 1% of men
#80efff Tritanopia 0.001% of the population

Trichromacy

#a4e8d7 Protanomaly 1% of men, 0.01% of women
#a9e4e7 Deuteranomaly 6% of men, 0.4% of women
#63f2f3 Tritanomaly 0.01% of the population

#30f8df hex color

#30f8df Color Information

#30f8df Color Conversion

Color Schemes with #30f8df

Alternatives to #30f8df

#30f8df Preview

Shades and Tints of #30f8df

Tones of #30f8df

Color Blindness Simulator