#30f0c7 hex color

In a RGB color space, hex #30f0c7 is composed of 18.8% red, 94.1% green and 78% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 17.1% yellow and 5.9% black. It has a hue angle of 167.2 degrees, a saturation of 86.5% and a lightness of 56.5%. #30f0c7 color hex could be obtained by blending #60ffff with #00e18f. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 94
- B 78
RGB color chart
- C 80
- M 0
- Y 17
- K 6
CMYK color chart

● #30f0c7 color description : Bright cyan.

The hexadecimal color #30f0c7 has RGB values of R:48, G:240, B:199 and CMYK values of C:0.8, M:0, Y:0.17, K:0.06. Its decimal value is 3207367.

Hex triplet	30f0c7	`#30f0c7`
RGB Decimal	48, 240, 199	`rgb(48,240,199)`
RGB Percent	18.8, 94.1, 78	`rgb(18.8%,94.1%,78%)`
CMYK	80, 0, 17, 6
HSL	167.2°, 86.5, 56.5	`hsl(167.2,86.5%,56.5%)`
HSV (or HSB)	167.2°, 80, 94.1
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.538, -54.77, 6.901
XYZ	42.684, 67.068, 64.725
xyY	0.245, 0.384, 67.068
CIE-LCH	85.538, 55.203, 172.819
CIE-LUV	85.538, -67.24, 19.259
Hunter-Lab	81.895, -50.281, 10.467
Binary	00110000, 11110000, 11000111

#30f0c7
```
#30f0c7 rgb(48,240,199)
```
#f03059
```
#f03059 rgb(240,48,89)
```

Complementary Color

#30f067
```
#30f067 rgb(48,240,103)
```
#30f0c7
```
#30f0c7 rgb(48,240,199)
```
#30b9f0
```
#30b9f0 rgb(48,185,240)
```

Analogous Color

#f06730
```
#f06730 rgb(240,103,48)
```
#30f0c7
```
#30f0c7 rgb(48,240,199)
```
#f030b9
```
#f030b9 rgb(240,48,185)
```

Split Complementary Color

#f0c730
```
#f0c730 rgb(240,199,48)
```
#30f0c7
```
#30f0c7 rgb(48,240,199)
```
#c730f0
```
#c730f0 rgb(199,48,240)
```

Triadic Color

#59f030
```
#59f030 rgb(89,240,48)
```
#30f0c7
```
#30f0c7 rgb(48,240,199)
```
#c730f0
```
#c730f0 rgb(199,48,240)
```
#f03059
```
#f03059 rgb(240,48,89)
```

Tetradic Color

#0ec59e
```
#0ec59e rgb(14,197,158)
```
#10ddb1
```
#10ddb1 rgb(16,221,177)
```
#18eec1
```
#18eec1 rgb(24,238,193)
```
#30f0c7
```
#30f0c7 rgb(48,240,199)
```
#48f2cd
```
#48f2cd rgb(72,242,205)
```
#60f3d4
```
#60f3d4 rgb(96,243,212)
```
#77f5da
```
#77f5da rgb(119,245,218)
```

Monochromatic Color

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

#30f097
```
#30f097 rgb(48,240,151)
```
#30f0a7
```
#30f0a7 rgb(48,240,167)
```
#30f0b7
```
#30f0b7 rgb(48,240,183)
```
#30f0c7
```
#30f0c7 rgb(48,240,199)
```
#30f0d7
```
#30f0d7 rgb(48,240,215)
```
#30f0e7
```
#30f0e7 rgb(48,240,231)
```
#30e9f0
```
#30e9f0 rgb(48,233,240)
```

Similar Colors

Text with hexadecimal color #30f0c7

This text has a font color of #30f0c7.

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

#30f0c7 background color

This paragraph has a background color of #30f0c7.

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

#30f0c7 border color

This element has a border color of #30f0c7.

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

CSS codes

.text {color:#30f0c7;}

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

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

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, #010c0a is the darkest color, while #f9fffd is the lightest one.

#010c0a
```
#010c0a rgb(1,12,10)
```
#021f19
```
#021f19 rgb(2,31,25)
```
#043127
```
#043127 rgb(4,49,39)
```
#054336
```
#054336 rgb(5,67,54)
```
#065645
```
#065645 rgb(6,86,69)
```
#086853
```
#086853 rgb(8,104,83)
```
#097a62
```
#097a62 rgb(9,122,98)
```
#0a8d71
```
#0a8d71 rgb(10,141,113)
```
#0c9f7f
```
#0c9f7f rgb(12,159,127)
```
#0db18e
```
#0db18e rgb(13,177,142)
```
#0ec39d
```
#0ec39d rgb(14,195,157)
```
#0fd6ab
```
#0fd6ab rgb(15,214,171)
```
#11e8ba
```
#11e8ba rgb(17,232,186)
```

Shade Color Variation

#1eefc2
```
#1eefc2 rgb(30,239,194)
```
#30f0c7
```
#30f0c7 rgb(48,240,199)
```
#42f1cc
```
#42f1cc rgb(66,241,204)
```
#55f3d1
```
#55f3d1 rgb(85,243,209)
```
#67f4d6
```
#67f4d6 rgb(103,244,214)
```
#79f5db
```
#79f5db rgb(121,245,219)
```
#8bf7e0
```
#8bf7e0 rgb(139,247,224)
```
#9ef8e5
```
#9ef8e5 rgb(158,248,229)
```
#b0f9ea
```
#b0f9ea rgb(176,249,234)
```
#c2fbef
```
#c2fbef rgb(194,251,239)
```
#d5fcf4
```
#d5fcf4 rgb(213,252,244)
```
#e7fdf8
```
#e7fdf8 rgb(231,253,248)
```
#f9fffd
```
#f9fffd rgb(249,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9291 is the less saturated color, while #27f9cc is the most saturated one.

#8e9291
```
#8e9291 rgb(142,146,145)
```
#859b96
```
#859b96 rgb(133,155,150)
```
#7da39b
```
#7da39b rgb(125,163,155)
```
#74aca0
```
#74aca0 rgb(116,172,160)
```
#6cb4a5
```
#6cb4a5 rgb(108,180,165)
```
#63bdaa
```
#63bdaa rgb(99,189,170)
```
#5bc5af
```
#5bc5af rgb(91,197,175)
```
#52ceb3
```
#52ceb3 rgb(82,206,179)
```
#4ad6b8
```
#4ad6b8 rgb(74,214,184)
```
#41dfbd
```
#41dfbd rgb(65,223,189)
```
#39e7c2
```
#39e7c2 rgb(57,231,194)
```
#30f0c7
```
#30f0c7 rgb(48,240,199)
```
#27f9cc
```
#27f9cc rgb(39,249,204)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#98beb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1d7bd Protanopia 1% of men
#ecd1d5 Deuteranopia 1% of men
#60e9fa Tritanopia 0.001% of the population

Trichromacy

#a1e0c0 Protanomaly 1% of men, 0.01% of women
#a8dccf Deuteranomaly 6% of men, 0.4% of women
#4fece7 Tritanomaly 0.01% of the population

#30f0c7 hex color

#30f0c7 Color Information

#30f0c7 Color Conversion

Color Schemes with #30f0c7

Alternatives to #30f0c7

#30f0c7 Preview

Shades and Tints of #30f0c7

Tones of #30f0c7

Color Blindness Simulator