#30c8bf hex color

In a RGB color space, hex #30c8bf is composed of 18.8% red, 78.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 4.5% yellow and 21.6% black. It has a hue angle of 176.4 degrees, a saturation of 61.3% and a lightness of 48.6%. #30c8bf color hex could be obtained by blending #60ffff with #00917f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 78
- B 75
RGB color chart
- C 76
- M 0
- Y 5
- K 22
CMYK color chart

● #30c8bf color description : Strong cyan.

The hexadecimal color #30c8bf has RGB values of R:48, G:200, B:191 and CMYK values of C:0.76, M:0, Y:0.05, K:0.22. Its decimal value is 3197119.

Hex triplet	30c8bf	`#30c8bf`
RGB Decimal	48, 200, 191	`rgb(48,200,191)`
RGB Percent	18.8, 78.4, 74.9	`rgb(18.8%,78.4%,74.9%)`
CMYK	76, 0, 5, 22
HSL	176.4°, 61.3, 48.6	`hsl(176.4,61.3%,48.6%)`
HSV (or HSB)	176.4°, 76, 78.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.348, -39.933, -6.63
XYZ	31.274, 45.696, 56.459
xyY	0.234, 0.342, 45.696
CIE-LCH	73.348, 40.48, 189.427
CIE-LUV	73.348, -54.027, -4.009
Hunter-Lab	67.598, -35.715, -2.201
Binary	00110000, 11001000, 10111111

#30c8bf
```
#30c8bf rgb(48,200,191)
```
#c83039
```
#c83039 rgb(200,48,57)
```

Complementary Color

#30c873
```
#30c873 rgb(48,200,115)
```
#30c8bf
```
#30c8bf rgb(48,200,191)
```
#3085c8
```
#3085c8 rgb(48,133,200)
```

Analogous Color

#c87330
```
#c87330 rgb(200,115,48)
```
#30c8bf
```
#30c8bf rgb(48,200,191)
```
#c83085
```
#c83085 rgb(200,48,133)
```

Split Complementary Color

#c8bf30
```
#c8bf30 rgb(200,191,48)
```
#30c8bf
```
#30c8bf rgb(48,200,191)
```
#bf30c8
```
#bf30c8 rgb(191,48,200)
```

Triadic Color

#39c830
```
#39c830 rgb(57,200,48)
```
#30c8bf
```
#30c8bf rgb(48,200,191)
```
#bf30c8
```
#bf30c8 rgb(191,48,200)
```
#c83039
```
#c83039 rgb(200,48,57)
```

Tetradic Color

#218a84
```
#218a84 rgb(33,138,132)
```
#269f98
```
#269f98 rgb(38,159,152)
```
#2bb3ab
```
#2bb3ab rgb(43,179,171)
```
#30c8bf
```
#30c8bf rgb(48,200,191)
```
#40d1c9
```
#40d1c9 rgb(64,209,201)
```
#55d6cf
```
#55d6cf rgb(85,214,207)
```
#69dbd4
```
#69dbd4 rgb(105,219,212)
```

Monochromatic Color

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

#30c899
```
#30c899 rgb(48,200,153)
```
#30c8a6
```
#30c8a6 rgb(48,200,166)
```
#30c8b2
```
#30c8b2 rgb(48,200,178)
```
#30c8bf
```
#30c8bf rgb(48,200,191)
```
#30c4c8
```
#30c4c8 rgb(48,196,200)
```
#30b8c8
```
#30b8c8 rgb(48,184,200)
```
#30abc8
```
#30abc8 rgb(48,171,200)
```

Similar Colors

Text with hexadecimal color #30c8bf

This text has a font color of #30c8bf.

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

#30c8bf background color

This paragraph has a background color of #30c8bf.

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

#30c8bf border color

This element has a border color of #30c8bf.

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

CSS codes

.text {color:#30c8bf;}

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

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

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, #020a0a is the darkest color, while #f9fefd is the lightest one.

#020a0a
```
#020a0a rgb(2,10,10)
```
#061a19
```
#061a19 rgb(6,26,25)
```
#0a2a28
```
#0a2a28 rgb(10,42,40)
```
#0e3a37
```
#0e3a37 rgb(14,58,55)
```
#124946
```
#124946 rgb(18,73,70)
```
#155955
```
#155955 rgb(21,89,85)
```
#196964
```
#196964 rgb(25,105,100)
```
#1d7973
```
#1d7973 rgb(29,121,115)
```
#218983
```
#218983 rgb(33,137,131)
```
#259992
```
#259992 rgb(37,153,146)
```
#28a8a1
```
#28a8a1 rgb(40,168,161)
```
#2cb8b0
```
#2cb8b0 rgb(44,184,176)
```
#30c8bf
```
#30c8bf rgb(48,200,191)
```

Shade Color Variation

#3cd0c7
```
#3cd0c7 rgb(60,208,199)
```
#4bd4cc
```
#4bd4cc rgb(75,212,204)
```
#5bd8d0
```
#5bd8d0 rgb(91,216,208)
```
#6bdbd5
```
#6bdbd5 rgb(107,219,213)
```
#7bdfd9
```
#7bdfd9 rgb(123,223,217)
```
#8be3de
```
#8be3de rgb(139,227,222)
```
#9ae7e2
```
#9ae7e2 rgb(154,231,226)
```
#aaebe7
```
#aaebe7 rgb(170,235,231)
```
#baeeeb
```
#baeeeb rgb(186,238,235)
```
#caf2f0
```
#caf2f0 rgb(202,242,240)
```
#daf6f4
```
#daf6f4 rgb(218,246,244)
```
#eafaf9
```
#eafaf9 rgb(234,250,249)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#738584
```
#738584 rgb(115,133,132)
```
#698f8d
```
#698f8d rgb(105,143,141)
```
#609895
```
#609895 rgb(96,152,149)
```
#56a29d
```
#56a29d rgb(86,162,157)
```
#4daba6
```
#4daba6 rgb(77,171,166)
```
#43b5ae
```
#43b5ae rgb(67,181,174)
```
#3abeb7
```
#3abeb7 rgb(58,190,183)
```
#30c8bf
```
#30c8bf rgb(48,200,191)
```
#26d2c7
```
#26d2c7 rgb(38,210,199)
```
#1ddbd0
```
#1ddbd0 rgb(29,219,208)
```
#13e5d8
```
#13e5d8 rgb(19,229,216)
```
#0aeee1
```
#0aeee1 rgb(10,238,225)
```
#00f8e9
```
#00f8e9 rgb(0,248,233)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#85a3a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb7b7 Protanopia 1% of men
#bfb3ca Deuteranopia 1% of men
#4bc7d6 Tritanopia 0.001% of the population

Trichromacy

#88bdba Protanomaly 1% of men, 0.01% of women
#8bbac6 Deuteranomaly 6% of men, 0.4% of women
#41c7cd Tritanomaly 0.01% of the population

#30c8bf hex color

#30c8bf Color Information

#30c8bf Color Conversion

Color Schemes with #30c8bf

Alternatives to #30c8bf

#30c8bf Preview

Shades and Tints of #30c8bf

Tones of #30c8bf

Color Blindness Simulator