colorhexa.com

#30b3b9 hex color

In a RGB color space, hex #30b3b9 is composed of 18.8% red, 70.2% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 3.2% magenta, 0% yellow and 27.5% black. It has a hue angle of 182.6 degrees, a saturation of 58.8% and a lightness of 45.7%. #30b3b9 color hex could be obtained by blending #60ffff with #006773. Closest websafe color is: #33cccc.

- R 19
- G 70
- B 73
RGB color chart
- C 74
- M 3
- Y 0
- K 27
CMYK color chart

● #30b3b9 color description : Moderate cyan.

The hexadecimal color #30b3b9 has RGB values of R:48, G:179, B:185 and CMYK values of C:0.74, M:0.03, Y:0, K:0.27. Its decimal value is 3191737.

Hex triplet	30b3b9	`#30b3b9`
RGB Decimal	48, 179, 185	`rgb(48,179,185)`
RGB Percent	18.8, 70.2, 72.5	`rgb(18.8%,70.2%,72.5%)`
CMYK	74, 3, 0, 27
HSL	182.6°, 58.8, 45.7	`hsl(182.6,58.8%,45.7%)`
HSV (or HSB)	182.6°, 74.1, 72.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	66.801, -31.937, -13.109
XYZ	26.093, 36.369, 51.541
xyY	0.229, 0.319, 36.369
CIE-LCH	66.801, 34.523, 202.317
CIE-LUV	66.801, -47.002, -15.316
Hunter-Lab	60.307, -28.304, -8.457
Binary	00110000, 10110011, 10111001

#30b3b9
```
#30b3b9 rgb(48,179,185)
```
#b93630
```
#b93630 rgb(185,54,48)
```

Complementary Color

#30b97b
```
#30b97b rgb(48,185,123)
```
#30b3b9
```
#30b3b9 rgb(48,179,185)
```
#306fb9
```
#306fb9 rgb(48,111,185)
```

Analogous Color

#b97b30
```
#b97b30 rgb(185,123,48)
```
#30b3b9
```
#30b3b9 rgb(48,179,185)
```
#b9306f
```
#b9306f rgb(185,48,111)
```

Split Complementary Color

#b3b930
```
#b3b930 rgb(179,185,48)
```
#30b3b9
```
#30b3b9 rgb(48,179,185)
```
#b930b3
```
#b930b3 rgb(185,48,179)
```

Triadic Color

#30b936
```
#30b936 rgb(48,185,54)
```
#30b3b9
```
#30b3b9 rgb(48,179,185)
```
#b930b3
```
#b930b3 rgb(185,48,179)
```
#b93630
```
#b93630 rgb(185,54,48)
```

Tetradic Color

#20787c
```
#20787c rgb(32,120,124)
```
#258c91
```
#258c91 rgb(37,140,145)
```
#2b9fa5
```
#2b9fa5 rgb(43,159,165)
```
#30b3b9
```
#30b3b9 rgb(48,179,185)
```
#37c5cb
```
#37c5cb rgb(55,197,203)
```
#4ccbd0
```
#4ccbd0 rgb(76,203,208)
```
#60d1d6
```
#60d1d6 rgb(96,209,214)
```

Monochromatic Color

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

#30b99d
```
#30b99d rgb(48,185,157)
```
#30b9a8
```
#30b9a8 rgb(48,185,168)
```
#30b9b4
```
#30b9b4 rgb(48,185,180)
```
#30b3b9
```
#30b3b9 rgb(48,179,185)
```
#30a8b9
```
#30a8b9 rgb(48,168,185)
```
#309cb9
```
#309cb9 rgb(48,156,185)
```
#3091b9
```
#3091b9 rgb(48,145,185)
```

Similar Colors

Text with hexadecimal color #30b3b9

This text has a font color of #30b3b9.

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

#30b3b9 background color

This paragraph has a background color of #30b3b9.

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

#30b3b9 border color

This element has a border color of #30b3b9.

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

CSS codes

.text {color:#30b3b9;}

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

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

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, #040d0e is the darkest color, while #fdfeff is the lightest one.

#040d0e
```
#040d0e rgb(4,13,14)
```
#081c1d
```
#081c1d rgb(8,28,29)
```
#0c2b2d
```
#0c2b2d rgb(12,43,45)
```
#103a3c
```
#103a3c rgb(16,58,60)
```
#144a4c
```
#144a4c rgb(20,74,76)
```
#18595c
```
#18595c rgb(24,89,92)
```
#1c686b
```
#1c686b rgb(28,104,107)
```
#20777b
```
#20777b rgb(32,119,123)
```
#24868a
```
#24868a rgb(36,134,138)
```
#28959a
```
#28959a rgb(40,149,154)
```
#2ca4a9
```
#2ca4a9 rgb(44,164,169)
```
#30b3b9
```
#30b3b9 rgb(48,179,185)
```
#34c2c9
```
#34c2c9 rgb(52,194,201)
```

Shade Color Variation

#42c8ce
```
#42c8ce rgb(66,200,206)
```
#52ccd2
```
#52ccd2 rgb(82,204,210)
```
#61d1d6
```
#61d1d6 rgb(97,209,214)
```
#71d6da
```
#71d6da rgb(113,214,218)
```
#81dade
```
#81dade rgb(129,218,222)
```
#90dfe2
```
#90dfe2 rgb(144,223,226)
```
#a0e3e6
```
#a0e3e6 rgb(160,227,230)
```
#afe8ea
```
#afe8ea rgb(175,232,234)
```
#bfecee
```
#bfecee rgb(191,236,238)
```
#cef1f2
```
#cef1f2 rgb(206,241,242)
```
#def5f6
```
#def5f6 rgb(222,245,246)
```
#eefafa
```
#eefafa rgb(238,250,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#6f7a7a
```
#6f7a7a rgb(111,122,122)
```
#668283
```
#668283 rgb(102,130,131)
```
#5d8a8c
```
#5d8a8c rgb(93,138,140)
```
#549295
```
#549295 rgb(84,146,149)
```
#4b9a9e
```
#4b9a9e rgb(75,154,158)
```
#42a3a7
```
#42a3a7 rgb(66,163,167)
```
#39abb0
```
#39abb0 rgb(57,171,176)
```
#30b3b9
```
#30b3b9 rgb(48,179,185)
```
#27bbc2
```
#27bbc2 rgb(39,187,194)
```
#1ec3cb
```
#1ec3cb rgb(30,195,203)
```
#15ccd4
```
#15ccd4 rgb(21,204,212)
```
#0cd4dd
```
#0cd4dd rgb(12,212,221)
```
#03dce6
```
#03dce6 rgb(3,220,230)
```

Tone Color Variation

Below, you can see how #30b3b9 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
#7a9596 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a6b3 Protanopia 1% of men
#a8a3c3 Deuteranopia 1% of men
#40b5c3 Tritanopia 0.001% of the population

Trichromacy

#7baab5 Protanomaly 1% of men, 0.01% of women
#7ca9bf Deuteranomaly 6% of men, 0.4% of women
#3ab4bf Tritanomaly 0.01% of the population