#30b3b6 hex color

In a RGB color space, hex #30b3b6 is composed of 18.8% red, 70.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 1.6% magenta, 0% yellow and 28.6% black. It has a hue angle of 181.3 degrees, a saturation of 58.3% and a lightness of 45.1%. #30b3b6 color hex could be obtained by blending #60ffff with #00676d. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 70
- B 71
RGB color chart
- C 74
- M 2
- Y 0
- K 29
CMYK color chart

● #30b3b6 color description : Moderate cyan.

The hexadecimal color #30b3b6 has RGB values of R:48, G:179, B:182 and CMYK values of C:0.74, M:0.02, Y:0, K:0.29. Its decimal value is 3191734.

Hex triplet	30b3b6	`#30b3b6`
RGB Decimal	48, 179, 182	`rgb(48,179,182)`
RGB Percent	18.8, 70.2, 71.4	`rgb(18.8%,70.2%,71.4%)`
CMYK	74, 2, 0, 29
HSL	181.3°, 58.3, 45.1	`hsl(181.3,58.3%,45.1%)`
HSV (or HSB)	181.3°, 73.6, 71.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	66.706, -32.833, -11.592
XYZ	25.78, 36.244, 49.89
xyY	0.23, 0.324, 36.244
CIE-LCH	66.706, 34.819, 199.445
CIE-LUV	66.706, -47.208, -12.771
Hunter-Lab	60.203, -28.917, -6.992
Binary	00110000, 10110011, 10110110

#30b3b6
```
#30b3b6 rgb(48,179,182)
```
#b63330
```
#b63330 rgb(182,51,48)
```

Complementary Color

#30b676
```
#30b676 rgb(48,182,118)
```
#30b3b6
```
#30b3b6 rgb(48,179,182)
```
#3070b6
```
#3070b6 rgb(48,112,182)
```

Analogous Color

#b67630
```
#b67630 rgb(182,118,48)
```
#30b3b6
```
#30b3b6 rgb(48,179,182)
```
#b63070
```
#b63070 rgb(182,48,112)
```

Split Complementary Color

#b3b630
```
#b3b630 rgb(179,182,48)
```
#30b3b6
```
#30b3b6 rgb(48,179,182)
```
#b630b3
```
#b630b3 rgb(182,48,179)
```

Triadic Color

#30b633
```
#30b633 rgb(48,182,51)
```
#30b3b6
```
#30b3b6 rgb(48,179,182)
```
#b630b3
```
#b630b3 rgb(182,48,179)
```
#b63330
```
#b63330 rgb(182,51,48)
```

Tetradic Color

#207779
```
#207779 rgb(32,119,121)
```
#258b8e
```
#258b8e rgb(37,139,142)
```
#2b9fa2
```
#2b9fa2 rgb(43,159,162)
```
#30b3b6
```
#30b3b6 rgb(48,179,182)
```
#36c7ca
```
#36c7ca rgb(54,199,202)
```
#4acccf
```
#4acccf rgb(74,204,207)
```
#5ed2d5
```
#5ed2d5 rgb(94,210,213)
```

Monochromatic Color

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

#30b698
```
#30b698 rgb(48,182,152)
```
#30b6a3
```
#30b6a3 rgb(48,182,163)
```
#30b6ae
```
#30b6ae rgb(48,182,174)
```
#30b3b6
```
#30b3b6 rgb(48,179,182)
```
#30a8b6
```
#30a8b6 rgb(48,168,182)
```
#309db6
```
#309db6 rgb(48,157,182)
```
#3092b6
```
#3092b6 rgb(48,146,182)
```

Similar Colors

Text with hexadecimal color #30b3b6

This text has a font color of #30b3b6.

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

#30b3b6 background color

This paragraph has a background color of #30b3b6.

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

#30b3b6 border color

This element has a border color of #30b3b6.

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

CSS codes

.text {color:#30b3b6;}

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

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

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

#030b0b
```
#030b0b rgb(3,11,11)
```
#071a1b
```
#071a1b rgb(7,26,27)
```
#0b2a2a
```
#0b2a2a rgb(11,42,42)
```
#0f393a
```
#0f393a rgb(15,57,58)
```
#134849
```
#134849 rgb(19,72,73)
```
#175759
```
#175759 rgb(23,87,89)
```
#1c6768
```
#1c6768 rgb(28,103,104)
```
#207678
```
#207678 rgb(32,118,120)
```
#248587
```
#248587 rgb(36,133,135)
```
#289497
```
#289497 rgb(40,148,151)
```
#2ca4a6
```
#2ca4a6 rgb(44,164,166)
```
#30b3b6
```
#30b3b6 rgb(48,179,182)
```
#34c2c6
```
#34c2c6 rgb(52,194,198)
```

Shade Color Variation

#40cacd
```
#40cacd rgb(64,202,205)
```
#50ced1
```
#50ced1 rgb(80,206,209)
```
#60d2d5
```
#60d2d5 rgb(96,210,213)
```
#6fd7d9
```
#6fd7d9 rgb(111,215,217)
```
#7fdbdd
```
#7fdbdd rgb(127,219,221)
```
#8edfe1
```
#8edfe1 rgb(142,223,225)
```
#9ee4e5
```
#9ee4e5 rgb(158,228,229)
```
#ade8e9
```
#ade8e9 rgb(173,232,233)
```
#bdecee
```
#bdecee rgb(189,236,238)
```
#ccf1f2
```
#ccf1f2 rgb(204,241,242)
```
#dcf5f6
```
#dcf5f6 rgb(220,245,246)
```
#ebf9fa
```
#ebf9fa rgb(235,249,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#6e7878
```
#6e7878 rgb(110,120,120)
```
#658081
```
#658081 rgb(101,128,129)
```
#5c898a
```
#5c898a rgb(92,137,138)
```
#539193
```
#539193 rgb(83,145,147)
```
#4b9a9b
```
#4b9a9b rgb(75,154,155)
```
#42a2a4
```
#42a2a4 rgb(66,162,164)
```
#39abad
```
#39abad rgb(57,171,173)
```
#30b3b6
```
#30b3b6 rgb(48,179,182)
```
#27bbbf
```
#27bbbf rgb(39,187,191)
```
#1ec4c8
```
#1ec4c8 rgb(30,196,200)
```
#15ccd1
```
#15ccd1 rgb(21,204,209)
```
#0dd5d9
```
#0dd5d9 rgb(13,213,217)
```
#04dde2
```
#04dde2 rgb(4,221,226)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7a9494 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a6b0 Protanopia 1% of men
#a9a3c1 Deuteranopia 1% of men
#42b5c2 Tritanopia 0.001% of the population

Trichromacy

#7baab2 Protanomaly 1% of men, 0.01% of women
#7da9bd Deuteranomaly 6% of men, 0.4% of women
#3bb4be Tritanomaly 0.01% of the population

#30b3b6 hex color

#30b3b6 Color Information

#30b3b6 Color Conversion

Color Schemes with #30b3b6

Alternatives to #30b3b6

#30b3b6 Preview

Shades and Tints of #30b3b6

Tones of #30b3b6

Color Blindness Simulator