#30a5b9 hex color

In a RGB color space, hex #30a5b9 is composed of 18.8% red, 64.7% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 10.8% magenta, 0% yellow and 27.5% black. It has a hue angle of 188.8 degrees, a saturation of 58.8% and a lightness of 45.7%. #30a5b9 color hex could be obtained by blending #60ffff with #004b73. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 65
- B 73
RGB color chart
- C 74
- M 11
- Y 0
- K 27
CMYK color chart

● #30a5b9 color description : Moderate cyan.

The hexadecimal color #30a5b9 has RGB values of R:48, G:165, B:185 and CMYK values of C:0.74, M:0.11, Y:0, K:0.27. Its decimal value is 3188153.

Hex triplet	30a5b9	`#30a5b9`
RGB Decimal	48, 165, 185	`rgb(48,165,185)`
RGB Percent	18.8, 64.7, 72.5	`rgb(18.8%,64.7%,72.5%)`
CMYK	74, 11, 0, 27
HSL	188.8°, 58.8, 45.7	`hsl(188.8,58.8%,45.7%)`
HSV (or HSB)	188.8°, 74.1, 72.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.541, -25.037, -19.554
XYZ	23.429, 31.039, 50.653
xyY	0.223, 0.295, 31.039
CIE-LCH	62.541, 31.768, 217.989
CIE-LUV	62.541, -41.98, -26.432
Hunter-Lab	55.713, -22.434, -14.906
Binary	00110000, 10100101, 10111001

#30a5b9
```
#30a5b9 rgb(48,165,185)
```
#b94430
```
#b94430 rgb(185,68,48)
```

Complementary Color

#30b989
```
#30b989 rgb(48,185,137)
```
#30a5b9
```
#30a5b9 rgb(48,165,185)
```
#3061b9
```
#3061b9 rgb(48,97,185)
```

Analogous Color

#b98930
```
#b98930 rgb(185,137,48)
```
#30a5b9
```
#30a5b9 rgb(48,165,185)
```
#b93061
```
#b93061 rgb(185,48,97)
```

Split Complementary Color

#a5b930
```
#a5b930 rgb(165,185,48)
```
#30a5b9
```
#30a5b9 rgb(48,165,185)
```
#b930a5
```
#b930a5 rgb(185,48,165)
```

Triadic Color

#30b944
```
#30b944 rgb(48,185,68)
```
#30a5b9
```
#30a5b9 rgb(48,165,185)
```
#b930a5
```
#b930a5 rgb(185,48,165)
```
#b94430
```
#b94430 rgb(185,68,48)
```

Tetradic Color

#206f7c
```
#206f7c rgb(32,111,124)
```
#258191
```
#258191 rgb(37,129,145)
```
#2b93a5
```
#2b93a5 rgb(43,147,165)
```
#30a5b9
```
#30a5b9 rgb(48,165,185)
```
#37b6cb
```
#37b6cb rgb(55,182,203)
```
#4cbdd0
```
#4cbdd0 rgb(76,189,208)
```
#60c4d6
```
#60c4d6 rgb(96,196,214)
```

Monochromatic Color

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

#30b9ab
```
#30b9ab rgb(48,185,171)
```
#30b9b6
```
#30b9b6 rgb(48,185,182)
```
#30b0b9
```
#30b0b9 rgb(48,176,185)
```
#30a5b9
```
#30a5b9 rgb(48,165,185)
```
#309ab9
```
#309ab9 rgb(48,154,185)
```
#308eb9
```
#308eb9 rgb(48,142,185)
```
#3083b9
```
#3083b9 rgb(48,131,185)
```

Similar Colors

Text with hexadecimal color #30a5b9

This text has a font color of #30a5b9.

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

#30a5b9 background color

This paragraph has a background color of #30a5b9.

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

#30a5b9 border color

This element has a border color of #30a5b9.

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

CSS codes

.text {color:#30a5b9;}

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

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

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

#040c0e
```
#040c0e rgb(4,12,14)
```
#081a1d
```
#081a1d rgb(8,26,29)
```
#0c282d
```
#0c282d rgb(12,40,45)
```
#10363c
```
#10363c rgb(16,54,60)
```
#14444c
```
#14444c rgb(20,68,76)
```
#18525c
```
#18525c rgb(24,82,92)
```
#1c606b
```
#1c606b rgb(28,96,107)
```
#206d7b
```
#206d7b rgb(32,109,123)
```
#247b8a
```
#247b8a rgb(36,123,138)
```
#28899a
```
#28899a rgb(40,137,154)
```
#2c97a9
```
#2c97a9 rgb(44,151,169)
```
#30a5b9
```
#30a5b9 rgb(48,165,185)
```
#34b3c9
```
#34b3c9 rgb(52,179,201)
```

Shade Color Variation

#42bace
```
#42bace rgb(66,186,206)
```
#52bfd2
```
#52bfd2 rgb(82,191,210)
```
#61c5d6
```
#61c5d6 rgb(97,197,214)
```
#71cbda
```
#71cbda rgb(113,203,218)
```
#81d1de
```
#81d1de rgb(129,209,222)
```
#90d6e2
```
#90d6e2 rgb(144,214,226)
```
#a0dce6
```
#a0dce6 rgb(160,220,230)
```
#afe2ea
```
#afe2ea rgb(175,226,234)
```
#bfe7ee
```
#bfe7ee rgb(191,231,238)
```
#ceedf2
```
#ceedf2 rgb(206,237,242)
```
#def3f6
```
#def3f6 rgb(222,243,246)
```
#eef9fa
```
#eef9fa rgb(238,249,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#6f797a
```
#6f797a rgb(111,121,122)
```
#667f83
```
#667f83 rgb(102,127,131)
```
#5d858c
```
#5d858c rgb(93,133,140)
```
#548c95
```
#548c95 rgb(84,140,149)
```
#4b929e
```
#4b929e rgb(75,146,158)
```
#4298a7
```
#4298a7 rgb(66,152,167)
```
#399fb0
```
#399fb0 rgb(57,159,176)
```
#30a5b9
```
#30a5b9 rgb(48,165,185)
```
#27abc2
```
#27abc2 rgb(39,171,194)
```
#1eb2cb
```
#1eb2cb rgb(30,178,203)
```
#15b8d4
```
#15b8d4 rgb(21,184,212)
```
#0cbedd
```
#0cbedd rgb(12,190,221)
```
#03c5e6
```
#03c5e6 rgb(3,197,230)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#738b8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#979bb3 Protanopia 1% of men
#9699c2 Deuteranopia 1% of men
#35aab7 Tritanopia 0.001% of the population

Trichromacy

#729eb5 Protanomaly 1% of men, 0.01% of women
#709dbf Deuteranomaly 6% of men, 0.4% of women
#33a8b7 Tritanomaly 0.01% of the population

#30a5b9 hex color

#30a5b9 Color Information

#30a5b9 Color Conversion

Color Schemes with #30a5b9

Alternatives to #30a5b9

#30a5b9 Preview

Shades and Tints of #30a5b9

Tones of #30a5b9

Color Blindness Simulator