#30b7a5 hex color

In a RGB color space, hex #30b7a5 is composed of 18.8% red, 71.8% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 0% magenta, 9.8% yellow and 28.2% black. It has a hue angle of 172 degrees, a saturation of 58.4% and a lightness of 45.3%. #30b7a5 color hex could be obtained by blending #60ffff with #006f4b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 72
- B 65
RGB color chart
- C 74
- M 0
- Y 10
- K 28
CMYK color chart

● #30b7a5 color description : Moderate cyan.

The hexadecimal color #30b7a5 has RGB values of R:48, G:183, B:165 and CMYK values of C:0.74, M:0, Y:0.1, K:0.28. Its decimal value is 3192741.

Hex triplet	30b7a5	`#30b7a5`
RGB Decimal	48, 183, 165	`rgb(48,183,165)`
RGB Percent	18.8, 71.8, 64.7	`rgb(18.8%,71.8%,64.7%)`
CMYK	74, 0, 10, 28
HSL	172°, 58.4, 45.3	`hsl(172,58.4%,45.3%)`
HSV (or HSB)	172°, 73.8, 71.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.434, -39.519, -1.113
XYZ	24.942, 37.21, 41.463
xyY	0.241, 0.359, 37.21
CIE-LCH	67.434, 39.535, 181.614
CIE-LUV	67.434, -49.812, 4.399
Hunter-Lab	61, -33.764, 2.399
Binary	00110000, 10110111, 10100101

#30b7a5
```
#30b7a5 rgb(48,183,165)
```
#b73042
```
#b73042 rgb(183,48,66)
```

Complementary Color

#30b762
```
#30b762 rgb(48,183,98)
```
#30b7a5
```
#30b7a5 rgb(48,183,165)
```
#3086b7
```
#3086b7 rgb(48,134,183)
```

Analogous Color

#b76230
```
#b76230 rgb(183,98,48)
```
#30b7a5
```
#30b7a5 rgb(48,183,165)
```
#b73086
```
#b73086 rgb(183,48,134)
```

Split Complementary Color

#b7a530
```
#b7a530 rgb(183,165,48)
```
#30b7a5
```
#30b7a5 rgb(48,183,165)
```
#a530b7
```
#a530b7 rgb(165,48,183)
```

Triadic Color

#42b730
```
#42b730 rgb(66,183,48)
```
#30b7a5
```
#30b7a5 rgb(48,183,165)
```
#a530b7
```
#a530b7 rgb(165,48,183)
```
#b73042
```
#b73042 rgb(183,48,66)
```

Tetradic Color

#207a6e
```
#207a6e rgb(32,122,110)
```
#258f81
```
#258f81 rgb(37,143,129)
```
#2ba393
```
#2ba393 rgb(43,163,147)
```
#30b7a5
```
#30b7a5 rgb(48,183,165)
```
#36cab7
```
#36cab7 rgb(54,202,183)
```
#4ad0be
```
#4ad0be rgb(74,208,190)
```
#5fd5c5
```
#5fd5c5 rgb(95,213,197)
```

Monochromatic Color

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

#30b783
```
#30b783 rgb(48,183,131)
```
#30b78f
```
#30b78f rgb(48,183,143)
```
#30b79a
```
#30b79a rgb(48,183,154)
```
#30b7a5
```
#30b7a5 rgb(48,183,165)
```
#30b7b0
```
#30b7b0 rgb(48,183,176)
```
#30b3b7
```
#30b3b7 rgb(48,179,183)
```
#30a7b7
```
#30a7b7 rgb(48,167,183)
```

Similar Colors

Text with hexadecimal color #30b7a5

This text has a font color of #30b7a5.

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

#30b7a5 background color

This paragraph has a background color of #30b7a5.

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

#30b7a5 border color

This element has a border color of #30b7a5.

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

CSS codes

.text {color:#30b7a5;}

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

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

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, #030c0b is the darkest color, while #fcfefe is the lightest one.

#030c0b
```
#030c0b rgb(3,12,11)
```
#071c19
```
#071c19 rgb(7,28,25)
```
#0b2b27
```
#0b2b27 rgb(11,43,39)
```
#0f3b35
```
#0f3b35 rgb(15,59,53)
```
#134a43
```
#134a43 rgb(19,74,67)
```
#185a51
```
#185a51 rgb(24,90,81)
```
#1c695f
```
#1c695f rgb(28,105,95)
```
#20796d
```
#20796d rgb(32,121,109)
```
#24887b
```
#24887b rgb(36,136,123)
```
#289889
```
#289889 rgb(40,152,137)
```
#2ca797
```
#2ca797 rgb(44,167,151)
```
#30b7a5
```
#30b7a5 rgb(48,183,165)
```
#34c7b3
```
#34c7b3 rgb(52,199,179)
```

Shade Color Variation

#41cdba
```
#41cdba rgb(65,205,186)
```
#51d1c0
```
#51d1c0 rgb(81,209,192)
```
#60d5c6
```
#60d5c6 rgb(96,213,198)
```
#70d9cb
```
#70d9cb rgb(112,217,203)
```
#7fddd1
```
#7fddd1 rgb(127,221,209)
```
#8fe2d7
```
#8fe2d7 rgb(143,226,215)
```
#9ee6dc
```
#9ee6dc rgb(158,230,220)
```
#aeeae2
```
#aeeae2 rgb(174,234,226)
```
#bdeee7
```
#bdeee7 rgb(189,238,231)
```
#cdf2ed
```
#cdf2ed rgb(205,242,237)
```
#dcf6f3
```
#dcf6f3 rgb(220,246,243)
```
#ecfaf8
```
#ecfaf8 rgb(236,250,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7977 is the less saturated color, while #04e3c6 is the most saturated one.

#6e7977
```
#6e7977 rgb(110,121,119)
```
#65827e
```
#65827e rgb(101,130,126)
```
#5c8b84
```
#5c8b84 rgb(92,139,132)
```
#54938b
```
#54938b rgb(84,147,139)
```
#4b9c91
```
#4b9c91 rgb(75,156,145)
```
#42a598
```
#42a598 rgb(66,165,152)
```
#39ae9e
```
#39ae9e rgb(57,174,158)
```
#30b7a5
```
#30b7a5 rgb(48,183,165)
```
#27c0ac
```
#27c0ac rgb(39,192,172)
```
#1ec9b2
```
#1ec9b2 rgb(30,201,178)
```
#15d2b9
```
#15d2b9 rgb(21,210,185)
```
#0cdbbf
```
#0cdbbf rgb(12,219,191)
```
#04e3c6
```
#04e3c6 rgb(4,227,198)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7a9592 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada8a0 Protanopia 1% of men
#b4a4b1 Deuteranopia 1% of men
#4db6c4 Tritanopia 0.001% of the population

Trichromacy

#80ada1 Protanomaly 1% of men, 0.01% of women
#84abad Deuteranomaly 6% of men, 0.4% of women
#42b6b8 Tritanomaly 0.01% of the population

#30b7a5 hex color

#30b7a5 Color Information

#30b7a5 Color Conversion

Color Schemes with #30b7a5

Alternatives to #30b7a5

#30b7a5 Preview

Shades and Tints of #30b7a5

Tones of #30b7a5

Color Blindness Simulator