#30fadd hex color

In a RGB color space, hex #30fadd is composed of 18.8% red, 98% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 0% magenta, 11.6% yellow and 2% black. It has a hue angle of 171.4 degrees, a saturation of 95.3% and a lightness of 58.4%. #30fadd color hex could be obtained by blending #60ffff with #00f5bb. 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

● #30fadd color description : Bright cyan.

The hexadecimal color #30fadd has RGB values of R:48, G:250, B:221 and CMYK values of C:0.81, M:0, Y:0.12, K:0.02. Its decimal value is 3209949.

Hex triplet	30fadd	`#30fadd`
RGB Decimal	48, 250, 221	`rgb(48,250,221)`
RGB Percent	18.8, 98, 86.7	`rgb(18.8%,98%,86.7%)`
CMYK	81, 0, 12, 2
HSL	171.4°, 95.3, 58.4	`hsl(171.4,95.3%,58.4%)`
HSV (or HSB)	171.4°, 80.8, 98
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.024, -53.274, 0.475
XYZ	48.451, 74.215, 80.174
xyY	0.239, 0.366, 74.215
CIE-LCH	89.024, 53.276, 179.49
CIE-LUV	89.024, -69.005, 9.273
Hunter-Lab	86.148, -50.368, 5.125
Binary	00110000, 11111010, 11011101

#30fadd
```
#30fadd rgb(48,250,221)
```
#fa304d
```
#fa304d rgb(250,48,77)
```

Complementary Color

#30fa78
```
#30fa78 rgb(48,250,120)
```
#30fadd
```
#30fadd rgb(48,250,221)
```
#30b2fa
```
#30b2fa rgb(48,178,250)
```

Analogous Color

#fa7830
```
#fa7830 rgb(250,120,48)
```
#30fadd
```
#30fadd rgb(48,250,221)
```
#fa30b2
```
#fa30b2 rgb(250,48,178)
```

Split Complementary Color

#fadd30
```
#fadd30 rgb(250,221,48)
```
#30fadd
```
#30fadd rgb(48,250,221)
```
#dd30fa
```
#dd30fa rgb(221,48,250)
```

Triadic Color

#4dfa30
```
#4dfa30 rgb(77,250,48)
```
#30fadd
```
#30fadd rgb(48,250,221)
```
#dd30fa
```
#dd30fa rgb(221,48,250)
```
#fa304d
```
#fa304d rgb(250,48,77)
```

Tetradic Color

#05d8ba
```
#05d8ba rgb(5,216,186)
```
#06f1cf
```
#06f1cf rgb(6,241,207)
```
#17f9d9
```
#17f9d9 rgb(23,249,217)
```
#30fadd
```
#30fadd rgb(48,250,221)
```
#49fbe1
```
#49fbe1 rgb(73,251,225)
```
#62fbe5
```
#62fbe5 rgb(98,251,229)
```
#7bfce9
```
#7bfce9 rgb(123,252,233)
```

Monochromatic Color

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

#30faab
```
#30faab rgb(48,250,171)
```
#30fabb
```
#30fabb rgb(48,250,187)
```
#30facc
```
#30facc rgb(48,250,204)
```
#30fadd
```
#30fadd rgb(48,250,221)
```
#30faee
```
#30faee rgb(48,250,238)
```
#30f5fa
```
#30f5fa rgb(48,245,250)
```
#30e5fa
```
#30e5fa rgb(48,229,250)
```

Similar Colors

Text with hexadecimal color #30fadd

This text has a font color of #30fadd.

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

#30fadd background color

This paragraph has a background color of #30fadd.

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

#30fadd border color

This element has a border color of #30fadd.

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

CSS codes

.text {color:#30fadd;}

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

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

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

#000403
```
#000403 rgb(0,4,3)
```
#011714
```
#011714 rgb(1,23,20)
```
#012a24
```
#012a24 rgb(1,42,36)
```
#013d35
```
#013d35 rgb(1,61,53)
```
#025045
```
#025045 rgb(2,80,69)
```
#026356
```
#026356 rgb(2,99,86)
```
#037766
```
#037766 rgb(3,119,102)
```
#038a76
```
#038a76 rgb(3,138,118)
```
#049d87
```
#049d87 rgb(4,157,135)
```
#04b097
```
#04b097 rgb(4,176,151)
```
#05c3a8
```
#05c3a8 rgb(5,195,168)
```
#05d6b8
```
#05d6b8 rgb(5,214,184)
```
#06eac9
```
#06eac9 rgb(6,234,201)
```

Shade Color Variation

#0af9d7
```
#0af9d7 rgb(10,249,215)
```
#1dfada
```
#1dfada rgb(29,250,218)
```
#30fadd
```
#30fadd rgb(48,250,221)
```
#43fae0
```
#43fae0 rgb(67,250,224)
```
#56fbe3
```
#56fbe3 rgb(86,251,227)
```
#69fbe6
```
#69fbe6 rgb(105,251,230)
```
#7dfcea
```
#7dfcea rgb(125,252,234)
```
#90fced
```
#90fced rgb(144,252,237)
```
#a3fdf0
```
#a3fdf0 rgb(163,253,240)
```
#b6fdf3
```
#b6fdf3 rgb(182,253,243)
```
#c9fef6
```
#c9fef6 rgb(201,254,246)
```
#dcfef9
```
#dcfef9 rgb(220,254,249)
```
#f0fffc
```
#f0fffc rgb(240,255,252)
```

Tint Color Variation

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

#929897
```
#929897 rgb(146,152,151)
```
#8aa09d
```
#8aa09d rgb(138,160,157)
```
#82a8a3
```
#82a8a3 rgb(130,168,163)
```
#79b1a9
```
#79b1a9 rgb(121,177,169)
```
#71b9ae
```
#71b9ae rgb(113,185,174)
```
#69c1b4
```
#69c1b4 rgb(105,193,180)
```
#61c9ba
```
#61c9ba rgb(97,201,186)
```
#59d1c0
```
#59d1c0 rgb(89,209,192)
```
#51d9c6
```
#51d9c6 rgb(81,217,198)
```
#48e2cc
```
#48e2cc rgb(72,226,204)
```
#40ead1
```
#40ead1 rgb(64,234,209)
```
#38f2d7
```
#38f2d7 rgb(56,242,215)
```
#30fadd
```
#30fadd rgb(48,250,221)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#9ec7c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e0d1 Protanopia 1% of men
#f1dae9 Deuteranopia 1% of men
#8af0ff Tritanopia 0.001% of the population

Trichromacy

#a5e9d5 Protanomaly 1% of men, 0.01% of women
#abe6e5 Deuteranomaly 6% of men, 0.4% of women
#69f3f2 Tritanomaly 0.01% of the population

#30fadd hex color

#30fadd Color Information

#30fadd Color Conversion

Color Schemes with #30fadd

Alternatives to #30fadd

#30fadd Preview

Shades and Tints of #30fadd

Tones of #30fadd

Color Blindness Simulator