#30a5b7 hex color

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

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

● #30a5b7 color description : Moderate cyan.

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

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

CIE-LAB	62.47, -25.67, -18.541
XYZ	23.219, 30.955, 49.548
xyY	0.224, 0.298, 30.955
CIE-LCH	62.47, 31.666, 215.841
CIE-LUV	62.47, -42.111, -24.706
Hunter-Lab	55.638, -22.874, -13.855
Binary	00110000, 10100101, 10110111

#30a5b7
```
#30a5b7 rgb(48,165,183)
```
#b74230
```
#b74230 rgb(183,66,48)
```

Complementary Color

#30b786
```
#30b786 rgb(48,183,134)
```
#30a5b7
```
#30a5b7 rgb(48,165,183)
```
#3062b7
```
#3062b7 rgb(48,98,183)
```

Analogous Color

#b78630
```
#b78630 rgb(183,134,48)
```
#30a5b7
```
#30a5b7 rgb(48,165,183)
```
#b73062
```
#b73062 rgb(183,48,98)
```

Split Complementary Color

#a5b730
```
#a5b730 rgb(165,183,48)
```
#30a5b7
```
#30a5b7 rgb(48,165,183)
```
#b730a5
```
#b730a5 rgb(183,48,165)
```

Triadic Color

#30b742
```
#30b742 rgb(48,183,66)
```
#30a5b7
```
#30a5b7 rgb(48,165,183)
```
#b730a5
```
#b730a5 rgb(183,48,165)
```
#b74230
```
#b74230 rgb(183,66,48)
```

Tetradic Color

#206e7a
```
#206e7a rgb(32,110,122)
```
#25818f
```
#25818f rgb(37,129,143)
```
#2b93a3
```
#2b93a3 rgb(43,147,163)
```
#30a5b7
```
#30a5b7 rgb(48,165,183)
```
#36b7ca
```
#36b7ca rgb(54,183,202)
```
#4abed0
```
#4abed0 rgb(74,190,208)
```
#5fc5d5
```
#5fc5d5 rgb(95,197,213)
```

Monochromatic Color

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

#30b7a7
```
#30b7a7 rgb(48,183,167)
```
#30b7b3
```
#30b7b3 rgb(48,183,179)
```
#30b0b7
```
#30b0b7 rgb(48,176,183)
```
#30a5b7
```
#30a5b7 rgb(48,165,183)
```
#309ab7
```
#309ab7 rgb(48,154,183)
```
#308fb7
```
#308fb7 rgb(48,143,183)
```
#3083b7
```
#3083b7 rgb(48,131,183)
```

Similar Colors

Text with hexadecimal color #30a5b7

This text has a font color of #30a5b7.

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

#30a5b7 background color

This paragraph has a background color of #30a5b7.

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

#30a5b7 border color

This element has a border color of #30a5b7.

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

CSS codes

.text {color:#30a5b7;}

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

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

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

#030b0c
```
#030b0c rgb(3,11,12)
```
#07191c
```
#07191c rgb(7,25,28)
```
#0b272b
```
#0b272b rgb(11,39,43)
```
#0f353b
```
#0f353b rgb(15,53,59)
```
#13434a
```
#13434a rgb(19,67,74)
```
#18515a
```
#18515a rgb(24,81,90)
```
#1c5f69
```
#1c5f69 rgb(28,95,105)
```
#206d79
```
#206d79 rgb(32,109,121)
```
#247b88
```
#247b88 rgb(36,123,136)
```
#288998
```
#288998 rgb(40,137,152)
```
#2c97a7
```
#2c97a7 rgb(44,151,167)
```
#30a5b7
```
#30a5b7 rgb(48,165,183)
```
#34b3c7
```
#34b3c7 rgb(52,179,199)
```

Shade Color Variation

#41bacd
```
#41bacd rgb(65,186,205)
```
#51c0d1
```
#51c0d1 rgb(81,192,209)
```
#60c6d5
```
#60c6d5 rgb(96,198,213)
```
#70cbd9
```
#70cbd9 rgb(112,203,217)
```
#7fd1dd
```
#7fd1dd rgb(127,209,221)
```
#8fd7e2
```
#8fd7e2 rgb(143,215,226)
```
#9edce6
```
#9edce6 rgb(158,220,230)
```
#aee2ea
```
#aee2ea rgb(174,226,234)
```
#bde7ee
```
#bde7ee rgb(189,231,238)
```
#cdedf2
```
#cdedf2 rgb(205,237,242)
```
#dcf3f6
```
#dcf3f6 rgb(220,243,246)
```
#ecf8fa
```
#ecf8fa rgb(236,248,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#6e7779
```
#6e7779 rgb(110,119,121)
```
#657e82
```
#657e82 rgb(101,126,130)
```
#5c848b
```
#5c848b rgb(92,132,139)
```
#548b93
```
#548b93 rgb(84,139,147)
```
#4b919c
```
#4b919c rgb(75,145,156)
```
#4298a5
```
#4298a5 rgb(66,152,165)
```
#399eae
```
#399eae rgb(57,158,174)
```
#30a5b7
```
#30a5b7 rgb(48,165,183)
```
#27acc0
```
#27acc0 rgb(39,172,192)
```
#1eb2c9
```
#1eb2c9 rgb(30,178,201)
```
#15b9d2
```
#15b9d2 rgb(21,185,210)
```
#0cbfdb
```
#0cbfdb rgb(12,191,219)
```
#04c6e3
```
#04c6e3 rgb(4,198,227)
```

Tone Color Variation

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

Dichromacy

#989bb1 Protanopia 1% of men
#9799c0 Deuteranopia 1% of men
#37aab6 Tritanopia 0.001% of the population

Trichromacy

#729eb3 Protanomaly 1% of men, 0.01% of women
#719dbd Deuteranomaly 6% of men, 0.4% of women
#34a8b6 Tritanomaly 0.01% of the population

#30a5b7 hex color

#30a5b7 Color Information

#30a5b7 Color Conversion

Color Schemes with #30a5b7

Alternatives to #30a5b7

#30a5b7 Preview

Shades and Tints of #30a5b7

Tones of #30a5b7

Color Blindness Simulator