#30c4bf hex color

In a RGB color space, hex #30c4bf is composed of 18.8% red, 76.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 0% magenta, 2.6% yellow and 23.1% black. It has a hue angle of 178 degrees, a saturation of 60.7% and a lightness of 47.8%. #30c4bf color hex could be obtained by blending #60ffff with #00897f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 77
- B 75
RGB color chart
- C 76
- M 0
- Y 3
- K 23
CMYK color chart

● #30c4bf color description : Strong cyan.

The hexadecimal color #30c4bf has RGB values of R:48, G:196, B:191 and CMYK values of C:0.76, M:0, Y:0.03, K:0.23. Its decimal value is 3196095.

Hex triplet	30c4bf	`#30c4bf`
RGB Decimal	48, 196, 191	`rgb(48,196,191)`
RGB Percent	18.8, 76.9, 74.9	`rgb(18.8%,76.9%,74.9%)`
CMYK	76, 0, 3, 23
HSL	178°, 60.7, 47.8	`hsl(178,60.7%,47.8%)`
HSV (or HSB)	178°, 75.5, 76.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.139, -38.123, -8.423
XYZ	30.36, 43.867, 56.154
xyY	0.233, 0.336, 43.867
CIE-LCH	72.139, 39.043, 192.459
CIE-LUV	72.139, -52.619, -7.093
Hunter-Lab	66.232, -34.084, -3.906
Binary	00110000, 11000100, 10111111

#30c4bf
```
#30c4bf rgb(48,196,191)
```
#c43035
```
#c43035 rgb(196,48,53)
```

Complementary Color

#30c475
```
#30c475 rgb(48,196,117)
```
#30c4bf
```
#30c4bf rgb(48,196,191)
```
#307fc4
```
#307fc4 rgb(48,127,196)
```

Analogous Color

#c47530
```
#c47530 rgb(196,117,48)
```
#30c4bf
```
#30c4bf rgb(48,196,191)
```
#c4307f
```
#c4307f rgb(196,48,127)
```

Split Complementary Color

#c4bf30
```
#c4bf30 rgb(196,191,48)
```
#30c4bf
```
#30c4bf rgb(48,196,191)
```
#bf30c4
```
#bf30c4 rgb(191,48,196)
```

Triadic Color

#35c430
```
#35c430 rgb(53,196,48)
```
#30c4bf
```
#30c4bf rgb(48,196,191)
```
#bf30c4
```
#bf30c4 rgb(191,48,196)
```
#c43035
```
#c43035 rgb(196,48,53)
```

Tetradic Color

#218783
```
#218783 rgb(33,135,131)
```
#269b97
```
#269b97 rgb(38,155,151)
```
#2bb0ab
```
#2bb0ab rgb(43,176,171)
```
#30c4bf
```
#30c4bf rgb(48,196,191)
```
#3ed0cb
```
#3ed0cb rgb(62,208,203)
```
#52d5d0
```
#52d5d0 rgb(82,213,208)
```
#67dad6
```
#67dad6 rgb(103,218,214)
```

Monochromatic Color

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

#30c49a
```
#30c49a rgb(48,196,154)
```
#30c4a6
```
#30c4a6 rgb(48,196,166)
```
#30c4b3
```
#30c4b3 rgb(48,196,179)
```
#30c4bf
```
#30c4bf rgb(48,196,191)
```
#30bdc4
```
#30bdc4 rgb(48,189,196)
```
#30b0c4
```
#30b0c4 rgb(48,176,196)
```
#30a4c4
```
#30a4c4 rgb(48,164,196)
```

Similar Colors

Text with hexadecimal color #30c4bf

This text has a font color of #30c4bf.

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

#30c4bf background color

This paragraph has a background color of #30c4bf.

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

#30c4bf border color

This element has a border color of #30c4bf.

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

CSS codes

.text {color:#30c4bf;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#061716
```
#061716 rgb(6,23,22)
```
#092625
```
#092625 rgb(9,38,37)
```
#0d3635
```
#0d3635 rgb(13,54,53)
```
#114644
```
#114644 rgb(17,70,68)
```
#155654
```
#155654 rgb(21,86,84)
```
#196563
```
#196563 rgb(25,101,99)
```
#1d7572
```
#1d7572 rgb(29,117,114)
```
#218582
```
#218582 rgb(33,133,130)
```
#249591
```
#249591 rgb(36,149,145)
```
#28a4a0
```
#28a4a0 rgb(40,164,160)
```
#2cb4b0
```
#2cb4b0 rgb(44,180,176)
```
#30c4bf
```
#30c4bf rgb(48,196,191)
```

Shade Color Variation

#39cfc9
```
#39cfc9 rgb(57,207,201)
```
#49d2ce
```
#49d2ce rgb(73,210,206)
```
#59d6d2
```
#59d6d2 rgb(89,214,210)
```
#68dad6
```
#68dad6 rgb(104,218,214)
```
#78dedb
```
#78dedb rgb(120,222,219)
```
#88e2df
```
#88e2df rgb(136,226,223)
```
#98e6e3
```
#98e6e3 rgb(152,230,227)
```
#a7eae7
```
#a7eae7 rgb(167,234,231)
```
#b7edec
```
#b7edec rgb(183,237,236)
```
#c7f1f0
```
#c7f1f0 rgb(199,241,240)
```
#d7f5f4
```
#d7f5f4 rgb(215,245,244)
```
#e6f9f8
```
#e6f9f8 rgb(230,249,248)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

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

#728282
```
#728282 rgb(114,130,130)
```
#688c8a
```
#688c8a rgb(104,140,138)
```
#5f9593
```
#5f9593 rgb(95,149,147)
```
#569e9c
```
#569e9c rgb(86,158,156)
```
#4ca8a5
```
#4ca8a5 rgb(76,168,165)
```
#43b1ad
```
#43b1ad rgb(67,177,173)
```
#39bbb6
```
#39bbb6 rgb(57,187,182)
```
#30c4bf
```
#30c4bf rgb(48,196,191)
```
#27cdc8
```
#27cdc8 rgb(39,205,200)
```
#1dd7d1
```
#1dd7d1 rgb(29,215,209)
```
#14e0d9
```
#14e0d9 rgb(20,224,217)
```
#0aeae2
```
#0aeae2 rgb(10,234,226)
```
#01f3eb
```
#01f3eb rgb(1,243,235)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#82a09f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b3b7 Protanopia 1% of men
#bab0ca Deuteranopia 1% of men
#48c4d2 Tritanopia 0.001% of the population

Trichromacy

#85b9ba Protanomaly 1% of men, 0.01% of women
#88b7c6 Deuteranomaly 6% of men, 0.4% of women
#3fc4cb Tritanomaly 0.01% of the population

#30c4bf hex color

#30c4bf Color Information

#30c4bf Color Conversion

Color Schemes with #30c4bf

Alternatives to #30c4bf

#30c4bf Preview

Shades and Tints of #30c4bf

Tones of #30c4bf

Color Blindness Simulator