#30fbde hex color

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

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

● #30fbde color description : Bright cyan.

The hexadecimal color #30fbde has RGB values of R:48, G:251, B:222 and CMYK values of C:0.81, M:0, Y:0.12, K:0.02. Its decimal value is 3210206.

Hex triplet	30fbde	`#30fbde`
RGB Decimal	48, 251, 222	`rgb(48,251,222)`
RGB Percent	18.8, 98.4, 87.1	`rgb(18.8%,98.4%,87.1%)`
CMYK	81, 0, 12, 2
HSL	171.4°, 96.2, 58.6	`hsl(171.4,96.2%,58.6%)`
HSV (or HSB)	171.4°, 80.9, 98.4
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.342, -53.426, 0.419
XYZ	48.896, 74.892, 80.982
xyY	0.239, 0.366, 74.892
CIE-LCH	89.342, 53.428, 179.551
CIE-LUV	89.342, -69.267, 9.215
Hunter-Lab	86.54, -50.59, 5.096
Binary	00110000, 11111011, 11011110

#30fbde
```
#30fbde rgb(48,251,222)
```
#fb304d
```
#fb304d rgb(251,48,77)
```

Complementary Color

#30fb79
```
#30fb79 rgb(48,251,121)
```
#30fbde
```
#30fbde rgb(48,251,222)
```
#30b3fb
```
#30b3fb rgb(48,179,251)
```

Analogous Color

#fb7930
```
#fb7930 rgb(251,121,48)
```
#30fbde
```
#30fbde rgb(48,251,222)
```
#fb30b3
```
#fb30b3 rgb(251,48,179)
```

Split Complementary Color

#fbde30
```
#fbde30 rgb(251,222,48)
```
#30fbde
```
#30fbde rgb(48,251,222)
```
#de30fb
```
#de30fb rgb(222,48,251)
```

Triadic Color

#4dfb30
```
#4dfb30 rgb(77,251,48)
```
#30fbde
```
#30fbde rgb(48,251,222)
```
#de30fb
```
#de30fb rgb(222,48,251)
```
#fb304d
```
#fb304d rgb(251,48,77)
```

Tetradic Color

#04dabc
```
#04dabc rgb(4,218,188)
```
#05f3d1
```
#05f3d1 rgb(5,243,209)
```
#17fbda
```
#17fbda rgb(23,251,218)
```
#30fbde
```
#30fbde rgb(48,251,222)
```
#49fbe2
```
#49fbe2 rgb(73,251,226)
```
#62fce6
```
#62fce6 rgb(98,252,230)
```
#7bfcea
```
#7bfcea rgb(123,252,234)
```

Monochromatic Color

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

#30fbab
```
#30fbab rgb(48,251,171)
```
#30fbbc
```
#30fbbc rgb(48,251,188)
```
#30fbcd
```
#30fbcd rgb(48,251,205)
```
#30fbde
```
#30fbde rgb(48,251,222)
```
#30fbef
```
#30fbef rgb(48,251,239)
```
#30f6fb
```
#30f6fb rgb(48,246,251)
```
#30e5fb
```
#30e5fb rgb(48,229,251)
```

Similar Colors

Text with hexadecimal color #30fbde

This text has a font color of #30fbde.

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

#30fbde background color

This paragraph has a background color of #30fbde.

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

#30fbde border color

This element has a border color of #30fbde.

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

CSS codes

.text {color:#30fbde;}

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

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

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)
```
#012b25
```
#012b25 rgb(1,43,37)
```
#013e36
```
#013e36 rgb(1,62,54)
```
#025246
```
#025246 rgb(2,82,70)
```
#026557
```
#026557 rgb(2,101,87)
```
#027867
```
#027867 rgb(2,120,103)
```
#038b78
```
#038b78 rgb(3,139,120)
```
#039f88
```
#039f88 rgb(3,159,136)
```
#03b299
```
#03b299 rgb(3,178,153)
```
#04c5a9
```
#04c5a9 rgb(4,197,169)
```
#04d8ba
```
#04d8ba rgb(4,216,186)
```
#05eccb
```
#05eccb rgb(5,236,203)
```

Shade Color Variation

#0afad8
```
#0afad8 rgb(10,250,216)
```
#1dfbdb
```
#1dfbdb rgb(29,251,219)
```
#30fbde
```
#30fbde rgb(48,251,222)
```
#43fbe1
```
#43fbe1 rgb(67,251,225)
```
#56fce4
```
#56fce4 rgb(86,252,228)
```
#6afce7
```
#6afce7 rgb(106,252,231)
```
#7dfcea
```
#7dfcea rgb(125,252,234)
```
#90fded
```
#90fded rgb(144,253,237)
```
#a3fdf0
```
#a3fdf0 rgb(163,253,240)
```
#b7fef3
```
#b7fef3 rgb(183,254,243)
```
#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, #919a98 is the less saturated color, while #30fbde is the most saturated one.

#919a98
```
#919a98 rgb(145,154,152)
```
#89a29e
```
#89a29e rgb(137,162,158)
```
#81aaa4
```
#81aaa4 rgb(129,170,164)
```
#79b2aa
```
#79b2aa rgb(121,178,170)
```
#71bab0
```
#71bab0 rgb(113,186,176)
```
#69c2b5
```
#69c2b5 rgb(105,194,181)
```
#61cabb
```
#61cabb rgb(97,202,187)
```
#59d2c1
```
#59d2c1 rgb(89,210,193)
```
#50dbc7
```
#50dbc7 rgb(80,219,199)
```
#48e3cd
```
#48e3cd rgb(72,227,205)
```
#40ebd2
```
#40ebd2 rgb(64,235,210)
```
#38f3d8
```
#38f3d8 rgb(56,243,216)
```
#30fbde
```
#30fbde rgb(48,251,222)
```

Tone Color Variation

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

Dichromacy

#e9e1d2 Protanopia 1% of men
#f2dbea Deuteranopia 1% of men
#8ef0ff Tritanopia 0.001% of the population

Trichromacy

#a6ead6 Protanomaly 1% of men, 0.01% of women
#abe7e6 Deuteranomaly 6% of men, 0.4% of women
#6cf4f3 Tritanomaly 0.01% of the population

#30fbde hex color

#30fbde Color Information

#30fbde Color Conversion

Color Schemes with #30fbde

Alternatives to #30fbde

#30fbde Preview

Shades and Tints of #30fbde

Tones of #30fbde

Color Blindness Simulator