#30b0cb hex color

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

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

● #30b0cb color description : Strong cyan.

The hexadecimal color #30b0cb has RGB values of R:48, G:176, B:203 and CMYK values of C:0.76, M:0.13, Y:0, K:0.2. Its decimal value is 3190987.

Hex triplet	30b0cb	`#30b0cb`
RGB Decimal	48, 176, 203	`rgb(48,176,203)`
RGB Percent	18.8, 69, 79.6	`rgb(18.8%,69%,79.6%)`
CMYK	76, 13, 0, 20
HSL	190.5°, 61.8, 49.2	`hsl(190.5,61.8%,49.2%)`
HSV (or HSB)	190.5°, 76.4, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.511, -24.867, -23.504
XYZ	27.521, 35.988, 61.993
xyY	0.219, 0.287, 35.988
CIE-LCH	66.511, 34.217, 223.385
CIE-LUV	66.511, -44.711, -33.186
Hunter-Lab	59.99, -23.095, -19.276
Binary	00110000, 10110000, 11001011

#30b0cb
```
#30b0cb rgb(48,176,203)
```
#cb4b30
```
#cb4b30 rgb(203,75,48)
```

Complementary Color

#30cb99
```
#30cb99 rgb(48,203,153)
```
#30b0cb
```
#30b0cb rgb(48,176,203)
```
#3062cb
```
#3062cb rgb(48,98,203)
```

Analogous Color

#cb9930
```
#cb9930 rgb(203,153,48)
```
#30b0cb
```
#30b0cb rgb(48,176,203)
```
#cb3062
```
#cb3062 rgb(203,48,98)
```

Split Complementary Color

#b0cb30
```
#b0cb30 rgb(176,203,48)
```
#30b0cb
```
#30b0cb rgb(48,176,203)
```
#cb30b0
```
#cb30b0 rgb(203,48,176)
```

Triadic Color

#30cb4b
```
#30cb4b rgb(48,203,75)
```
#30b0cb
```
#30b0cb rgb(48,176,203)
```
#cb30b0
```
#cb30b0 rgb(203,48,176)
```
#cb4b30
```
#cb4b30 rgb(203,75,48)
```

Tetradic Color

#217a8d
```
#217a8d rgb(33,122,141)
```
#268ca2
```
#268ca2 rgb(38,140,162)
```
#2b9eb6
```
#2b9eb6 rgb(43,158,182)
```
#30b0cb
```
#30b0cb rgb(48,176,203)
```
#42b9d2
```
#42b9d2 rgb(66,185,210)
```
#57c1d7
```
#57c1d7 rgb(87,193,215)
```
#6bc8dc
```
#6bc8dc rgb(107,200,220)
```

Monochromatic Color

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

#30cbbf
```
#30cbbf rgb(48,203,191)
```
#30cacb
```
#30cacb rgb(48,202,203)
```
#30bdcb
```
#30bdcb rgb(48,189,203)
```
#30b0cb
```
#30b0cb rgb(48,176,203)
```
#30a3cb
```
#30a3cb rgb(48,163,203)
```
#3096cb
```
#3096cb rgb(48,150,203)
```
#3089cb
```
#3089cb rgb(48,137,203)
```

Similar Colors

Text with hexadecimal color #30b0cb

This text has a font color of #30b0cb.

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

#30b0cb background color

This paragraph has a background color of #30b0cb.

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

#30b0cb border color

This element has a border color of #30b0cb.

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

CSS codes

.text {color:#30b0cb;}

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

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

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

#030b0d
```
#030b0d rgb(3,11,13)
```
#07191c
```
#07191c rgb(7,25,28)
```
#0a262c
```
#0a262c rgb(10,38,44)
```
#0e343c
```
#0e343c rgb(14,52,60)
```
#12424c
```
#12424c rgb(18,66,76)
```
#16505c
```
#16505c rgb(22,80,92)
```
#195d6c
```
#195d6c rgb(25,93,108)
```
#1d6b7c
```
#1d6b7c rgb(29,107,124)
```
#21798c
```
#21798c rgb(33,121,140)
```
#25879b
```
#25879b rgb(37,135,155)
```
#2894ab
```
#2894ab rgb(40,148,171)
```
#2ca2bb
```
#2ca2bb rgb(44,162,187)
```
#30b0cb
```
#30b0cb rgb(48,176,203)
```

Shade Color Variation

#3db7d1
```
#3db7d1 rgb(61,183,209)
```
#4dbdd5
```
#4dbdd5 rgb(77,189,213)
```
#5dc3d9
```
#5dc3d9 rgb(93,195,217)
```
#6dc9dc
```
#6dc9dc rgb(109,201,220)
```
#7dcfe0
```
#7dcfe0 rgb(125,207,224)
```
#8dd5e4
```
#8dd5e4 rgb(141,213,228)
```
#9ddbe8
```
#9ddbe8 rgb(157,219,232)
```
#ace0eb
```
#ace0eb rgb(172,224,235)
```
#bce6ef
```
#bce6ef rgb(188,230,239)
```
#ccecf3
```
#ccecf3 rgb(204,236,243)
```
#dcf2f7
```
#dcf2f7 rgb(220,242,247)
```
#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, #7d7e7e is the less saturated color, while #09c9f2 is the most saturated one.

#7d7e7e
```
#7d7e7e rgb(125,126,126)
```
#748487
```
#748487 rgb(116,132,135)
```
#6a8a91
```
#6a8a91 rgb(106,138,145)
```
#60919b
```
#60919b rgb(96,145,155)
```
#5797a4
```
#5797a4 rgb(87,151,164)
```
#4d9dae
```
#4d9dae rgb(77,157,174)
```
#43a3b8
```
#43a3b8 rgb(67,163,184)
```
#3aaac1
```
#3aaac1 rgb(58,170,193)
```
#30b0cb
```
#30b0cb rgb(48,176,203)
```
#26b6d5
```
#26b6d5 rgb(38,182,213)
```
#1dbdde
```
#1dbdde rgb(29,189,222)
```
#13c3e8
```
#13c3e8 rgb(19,195,232)
```
#09c9f2
```
#09c9f2 rgb(9,201,242)
```

Tone Color Variation

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

Dichromacy

#9fa5c4 Protanopia 1% of men
#9ca4d3 Deuteranopia 1% of men
#2eb5c3 Tritanopia 0.001% of the population

Trichromacy

#77a9c6 Protanomaly 1% of men, 0.01% of women
#74a8d0 Deuteranomaly 6% of men, 0.4% of women
#2fb3c6 Tritanomaly 0.01% of the population

#30b0cb hex color

#30b0cb Color Information

#30b0cb Color Conversion

Color Schemes with #30b0cb

Alternatives to #30b0cb

#30b0cb Preview

Shades and Tints of #30b0cb

Tones of #30b0cb

Color Blindness Simulator