#30fbe1 hex color

In a RGB color space, hex #30fbe1 is composed of 18.8% red, 98.4% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 0% magenta, 10.4% yellow and 1.6% black. It has a hue angle of 172.3 degrees, a saturation of 96.2% and a lightness of 58.6%. #30fbe1 color hex could be obtained by blending #60ffff with #00f7c3. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 98
- B 88
RGB color chart
- C 81
- M 0
- Y 10
- K 2
CMYK color chart

● #30fbe1 color description : Bright cyan.

The hexadecimal color #30fbe1 has RGB values of R:48, G:251, B:225 and CMYK values of C:0.81, M:0, Y:0.1, K:0.02. Its decimal value is 3210209.

Hex triplet	30fbe1	`#30fbe1`
RGB Decimal	48, 251, 225	`rgb(48,251,225)`
RGB Percent	18.8, 98.4, 88.2	`rgb(18.8%,98.4%,88.2%)`
CMYK	81, 0, 10, 2
HSL	172.3°, 96.2, 58.6	`hsl(172.3,96.2%,58.6%)`
HSV (or HSB)	172.3°, 80.9, 98.4
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.418, -52.649, -1.03
XYZ	49.302, 75.054, 83.118
xyY	0.238, 0.362, 75.054
CIE-LCH	89.418, 52.659, 181.121
CIE-LUV	89.418, -69.045, 6.819
Hunter-Lab	86.634, -50.027, 3.759
Binary	00110000, 11111011, 11100001

#30fbe1
```
#30fbe1 rgb(48,251,225)
```
#fb304a
```
#fb304a rgb(251,48,74)
```

Complementary Color

#30fb7c
```
#30fb7c rgb(48,251,124)
```
#30fbe1
```
#30fbe1 rgb(48,251,225)
```
#30b0fb
```
#30b0fb rgb(48,176,251)
```

Analogous Color

#fb7c30
```
#fb7c30 rgb(251,124,48)
```
#30fbe1
```
#30fbe1 rgb(48,251,225)
```
#fb30b0
```
#fb30b0 rgb(251,48,176)
```

Split Complementary Color

#fbe130
```
#fbe130 rgb(251,225,48)
```
#30fbe1
```
#30fbe1 rgb(48,251,225)
```
#e130fb
```
#e130fb rgb(225,48,251)
```

Triadic Color

#4afb30
```
#4afb30 rgb(74,251,48)
```
#30fbe1
```
#30fbe1 rgb(48,251,225)
```
#e130fb
```
#e130fb rgb(225,48,251)
```
#fb304a
```
#fb304a rgb(251,48,74)
```

Tetradic Color

#04dabf
```
#04dabf rgb(4,218,191)
```
#05f3d5
```
#05f3d5 rgb(5,243,213)
```
#17fbdd
```
#17fbdd rgb(23,251,221)
```
#30fbe1
```
#30fbe1 rgb(48,251,225)
```
#49fbe5
```
#49fbe5 rgb(73,251,229)
```
#62fce8
```
#62fce8 rgb(98,252,232)
```
#7bfcec
```
#7bfcec rgb(123,252,236)
```

Monochromatic Color

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

#30fbae
```
#30fbae rgb(48,251,174)
```
#30fbbf
```
#30fbbf rgb(48,251,191)
```
#30fbd0
```
#30fbd0 rgb(48,251,208)
```
#30fbe1
```
#30fbe1 rgb(48,251,225)
```
#30fbf2
```
#30fbf2 rgb(48,251,242)
```
#30f3fb
```
#30f3fb rgb(48,243,251)
```
#30e2fb
```
#30e2fb rgb(48,226,251)
```

Similar Colors

Text with hexadecimal color #30fbe1

This text has a font color of #30fbe1.

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

#30fbe1 background color

This paragraph has a background color of #30fbe1.

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

#30fbe1 border color

This element has a border color of #30fbe1.

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

CSS codes

.text {color:#30fbe1;}

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

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

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

#000504
```
#000504 rgb(0,5,4)
```
#001815
```
#001815 rgb(0,24,21)
```
#012b26
```
#012b26 rgb(1,43,38)
```
#013e37
```
#013e37 rgb(1,62,55)
```
#025247
```
#025247 rgb(2,82,71)
```
#026558
```
#026558 rgb(2,101,88)
```
#027869
```
#027869 rgb(2,120,105)
```
#038b7a
```
#038b7a rgb(3,139,122)
```
#039f8b
```
#039f8b rgb(3,159,139)
```
#03b29c
```
#03b29c rgb(3,178,156)
```
#04c5ac
```
#04c5ac rgb(4,197,172)
```
#04d8bd
```
#04d8bd rgb(4,216,189)
```
#05ecce
```
#05ecce rgb(5,236,206)
```

Shade Color Variation

#0afadb
```
#0afadb rgb(10,250,219)
```
#1dfbde
```
#1dfbde rgb(29,251,222)
```
#30fbe1
```
#30fbe1 rgb(48,251,225)
```
#43fbe4
```
#43fbe4 rgb(67,251,228)
```
#56fce7
```
#56fce7 rgb(86,252,231)
```
#6afce9
```
#6afce9 rgb(106,252,233)
```
#7dfcec
```
#7dfcec rgb(125,252,236)
```
#90fdef
```
#90fdef rgb(144,253,239)
```
#a3fdf2
```
#a3fdf2 rgb(163,253,242)
```
#b7fef5
```
#b7fef5 rgb(183,254,245)
```
#cafef7
```
#cafef7 rgb(202,254,247)
```
#ddfefa
```
#ddfefa rgb(221,254,250)
```
#f0fffd
```
#f0fffd rgb(240,255,253)
```

Tint Color Variation

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

#919a99
```
#919a99 rgb(145,154,153)
```
#89a29f
```
#89a29f rgb(137,162,159)
```
#81aaa5
```
#81aaa5 rgb(129,170,165)
```
#79b2ab
```
#79b2ab rgb(121,178,171)
```
#71bab1
```
#71bab1 rgb(113,186,177)
```
#69c2b7
```
#69c2b7 rgb(105,194,183)
```
#61cabd
```
#61cabd rgb(97,202,189)
```
#59d2c3
```
#59d2c3 rgb(89,210,195)
```
#50dbc9
```
#50dbc9 rgb(80,219,201)
```
#48e3cf
```
#48e3cf rgb(72,227,207)
```
#40ebd5
```
#40ebd5 rgb(64,235,213)
```
#38f3db
```
#38f3db rgb(56,243,219)
```
#30fbe1
```
#30fbe1 rgb(48,251,225)
```

Tone Color Variation

Below, you can see how #30fbe1 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
#9fc8c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e1d5 Protanopia 1% of men
#f1dced Deuteranopia 1% of men
#8ff0ff Tritanopia 0.001% of the population

Trichromacy

#a5ead9 Protanomaly 1% of men, 0.01% of women
#abe7e9 Deuteranomaly 6% of men, 0.4% of women
#6df4f4 Tritanomaly 0.01% of the population

#30fbe1 hex color

#30fbe1 Color Information

#30fbe1 Color Conversion

Color Schemes with #30fbe1

Alternatives to #30fbe1

#30fbe1 Preview

Shades and Tints of #30fbe1

Tones of #30fbe1

Color Blindness Simulator