#30a0cb hex color

In a RGB color space, hex #30a0cb is composed of 18.8% red, 62.7% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 21.2% magenta, 0% yellow and 20.4% black. It has a hue angle of 196.6 degrees, a saturation of 61.8% and a lightness of 49.2%. #30a0cb color hex could be obtained by blending #60ffff with #004197. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 63
- B 80
RGB color chart
- C 76
- M 21
- Y 0
- K 20
CMYK color chart

● #30a0cb color description : Strong blue.

The hexadecimal color #30a0cb has RGB values of R:48, G:160, B:203 and CMYK values of C:0.76, M:0.21, Y:0, K:0.2. Its decimal value is 3186891.

Hex triplet	30a0cb	`#30a0cb`
RGB Decimal	48, 160, 203	`rgb(48,160,203)`
RGB Percent	18.8, 62.7, 79.6	`rgb(18.8%,62.7%,79.6%)`
CMYK	76, 21, 0, 20
HSL	196.6°, 61.8, 49.2	`hsl(196.6,61.8%,49.2%)`
HSV (or HSB)	196.6°, 76.4, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.723, -16.516, -30.877
XYZ	24.566, 30.08, 61.008
xyY	0.212, 0.26, 30.08
CIE-LCH	61.723, 35.016, 241.857
CIE-LUV	61.723, -39.059, -46.06
Hunter-Lab	54.845, -16.024, -27.561
Binary	00110000, 10100000, 11001011

#30a0cb
```
#30a0cb rgb(48,160,203)
```
#cb5b30
```
#cb5b30 rgb(203,91,48)
```

Complementary Color

#30cba9
```
#30cba9 rgb(48,203,169)
```
#30a0cb
```
#30a0cb rgb(48,160,203)
```
#3052cb
```
#3052cb rgb(48,82,203)
```

Analogous Color

#cba930
```
#cba930 rgb(203,169,48)
```
#30a0cb
```
#30a0cb rgb(48,160,203)
```
#cb3053
```
#cb3053 rgb(203,48,83)
```

Split Complementary Color

#a0cb30
```
#a0cb30 rgb(160,203,48)
```
#30a0cb
```
#30a0cb rgb(48,160,203)
```
#cb30a0
```
#cb30a0 rgb(203,48,160)
```

Triadic Color

#30cb5b
```
#30cb5b rgb(48,203,91)
```
#30a0cb
```
#30a0cb rgb(48,160,203)
```
#cb30a0
```
#cb30a0 rgb(203,48,160)
```
#cb5b30
```
#cb5b30 rgb(203,91,48)
```

Tetradic Color

#216f8d
```
#216f8d rgb(33,111,141)
```
#267fa2
```
#267fa2 rgb(38,127,162)
```
#2b90b6
```
#2b90b6 rgb(43,144,182)
```
#30a0cb
```
#30a0cb rgb(48,160,203)
```
#42aad2
```
#42aad2 rgb(66,170,210)
```
#57b4d7
```
#57b4d7 rgb(87,180,215)
```
#6bbddc
```
#6bbddc rgb(107,189,220)
```

Monochromatic Color

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

#30c7cb
```
#30c7cb rgb(48,199,203)
```
#30bacb
```
#30bacb rgb(48,186,203)
```
#30adcb
```
#30adcb rgb(48,173,203)
```
#30a0cb
```
#30a0cb rgb(48,160,203)
```
#3093cb
```
#3093cb rgb(48,147,203)
```
#3086cb
```
#3086cb rgb(48,134,203)
```
#3079cb
```
#3079cb rgb(48,121,203)
```

Similar Colors

Text with hexadecimal color #30a0cb

This text has a font color of #30a0cb.

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

#30a0cb background color

This paragraph has a background color of #30a0cb.

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

#30a0cb border color

This element has a border color of #30a0cb.

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

CSS codes

.text {color:#30a0cb;}

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

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

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

#030a0d
```
#030a0d rgb(3,10,13)
```
#07161c
```
#07161c rgb(7,22,28)
```
#0a232c
```
#0a232c rgb(10,35,44)
```
#0e2f3c
```
#0e2f3c rgb(14,47,60)
```
#123c4c
```
#123c4c rgb(18,60,76)
```
#16485c
```
#16485c rgb(22,72,92)
```
#19556c
```
#19556c rgb(25,85,108)
```
#1d617c
```
#1d617c rgb(29,97,124)
```
#216e8c
```
#216e8c rgb(33,110,140)
```
#257a9b
```
#257a9b rgb(37,122,155)
```
#2887ab
```
#2887ab rgb(40,135,171)
```
#2c93bb
```
#2c93bb rgb(44,147,187)
```
#30a0cb
```
#30a0cb rgb(48,160,203)
```

Shade Color Variation

#3da8d1
```
#3da8d1 rgb(61,168,209)
```
#4dafd5
```
#4dafd5 rgb(77,175,213)
```
#5db6d9
```
#5db6d9 rgb(93,182,217)
```
#6dbedc
```
#6dbedc rgb(109,190,220)
```
#7dc5e0
```
#7dc5e0 rgb(125,197,224)
```
#8dcce4
```
#8dcce4 rgb(141,204,228)
```
#9dd3e8
```
#9dd3e8 rgb(157,211,232)
```
#acdaeb
```
#acdaeb rgb(172,218,235)
```
#bce1ef
```
#bce1ef rgb(188,225,239)
```
#cce8f3
```
#cce8f3 rgb(204,232,243)
```
#dceff7
```
#dceff7 rgb(220,239,247)
```
#ecf6fa
```
#ecf6fa rgb(236,246,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7e7e is the less saturated color, while #09b1f2 is the most saturated one.

#7d7e7e
```
#7d7e7e rgb(125,126,126)
```
#748287
```
#748287 rgb(116,130,135)
```
#6a8691
```
#6a8691 rgb(106,134,145)
```
#608b9b
```
#608b9b rgb(96,139,155)
```
#578fa4
```
#578fa4 rgb(87,143,164)
```
#4d93ae
```
#4d93ae rgb(77,147,174)
```
#4397b8
```
#4397b8 rgb(67,151,184)
```
#3a9cc1
```
#3a9cc1 rgb(58,156,193)
```
#30a0cb
```
#30a0cb rgb(48,160,203)
```
#26a4d5
```
#26a4d5 rgb(38,164,213)
```
#1da9de
```
#1da9de rgb(29,169,222)
```
#13ade8
```
#13ade8 rgb(19,173,232)
```
#09b1f2
```
#09b1f2 rgb(9,177,242)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#728991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d98c5 Protanopia 1% of men
#8599d2 Deuteranopia 1% of men
#15a9b5 Tritanopia 0.001% of the population

Trichromacy

#6b9bc7 Protanomaly 1% of men, 0.01% of women
#669bcf Deuteranomaly 6% of men, 0.4% of women
#1fa6bd Tritanomaly 0.01% of the population

#30a0cb hex color

#30a0cb Color Information

#30a0cb Color Conversion

Color Schemes with #30a0cb

Alternatives to #30a0cb

#30a0cb Preview

Shades and Tints of #30a0cb

Tones of #30a0cb

Color Blindness Simulator