#30b1cb hex color

In a RGB color space, hex #30b1cb is composed of 18.8% red, 69.4% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 12.8% magenta, 0% yellow and 20.4% black. It has a hue angle of 190.1 degrees, a saturation of 61.8% and a lightness of 49.2%. #30b1cb color hex could be obtained by blending #60ffff with #006397. 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

● #30b1cb color description : Strong cyan.

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

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

CIE-LAB	66.811, -25.373, -23.045
XYZ	27.718, 36.382, 62.058
xyY	0.22, 0.288, 36.382
CIE-LCH	66.811, 34.276, 222.248
CIE-LUV	66.811, -45.064, -32.382
Hunter-Lab	60.317, -23.53, -18.779
Binary	00110000, 10110001, 11001011

#30b1cb
```
#30b1cb rgb(48,177,203)
```
#cb4a30
```
#cb4a30 rgb(203,74,48)
```

Complementary Color

#30cb98
```
#30cb98 rgb(48,203,152)
```
#30b1cb
```
#30b1cb rgb(48,177,203)
```
#3064cb
```
#3064cb rgb(48,100,203)
```

Analogous Color

#cb9830
```
#cb9830 rgb(203,152,48)
```
#30b1cb
```
#30b1cb rgb(48,177,203)
```
#cb3064
```
#cb3064 rgb(203,48,100)
```

Split Complementary Color

#b1cb30
```
#b1cb30 rgb(177,203,48)
```
#30b1cb
```
#30b1cb rgb(48,177,203)
```
#cb30b1
```
#cb30b1 rgb(203,48,177)
```

Triadic Color

#30cb4a
```
#30cb4a rgb(48,203,74)
```
#30b1cb
```
#30b1cb rgb(48,177,203)
```
#cb30b1
```
#cb30b1 rgb(203,48,177)
```
#cb4a30
```
#cb4a30 rgb(203,74,48)
```

Tetradic Color

#217b8d
```
#217b8d rgb(33,123,141)
```
#268da2
```
#268da2 rgb(38,141,162)
```
#2b9fb6
```
#2b9fb6 rgb(43,159,182)
```
#30b1cb
```
#30b1cb rgb(48,177,203)
```
#42bad2
```
#42bad2 rgb(66,186,210)
```
#57c2d7
```
#57c2d7 rgb(87,194,215)
```
#6bc9dc
```
#6bc9dc rgb(107,201,220)
```

Monochromatic Color

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

#30cbbe
```
#30cbbe rgb(48,203,190)
```
#30cbcb
```
#30cbcb rgb(48,203,203)
```
#30becb
```
#30becb rgb(48,190,203)
```
#30b1cb
```
#30b1cb rgb(48,177,203)
```
#30a4cb
```
#30a4cb rgb(48,164,203)
```
#3097cb
```
#3097cb rgb(48,151,203)
```
#308acb
```
#308acb rgb(48,138,203)
```

Similar Colors

Text with hexadecimal color #30b1cb

This text has a font color of #30b1cb.

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

#30b1cb background color

This paragraph has a background color of #30b1cb.

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

#30b1cb border color

This element has a border color of #30b1cb.

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

CSS codes

.text {color:#30b1cb;}

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

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

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)
```
#0a272c
```
#0a272c rgb(10,39,44)
```
#0e353c
```
#0e353c rgb(14,53,60)
```
#12424c
```
#12424c rgb(18,66,76)
```
#16505c
```
#16505c rgb(22,80,92)
```
#195e6c
```
#195e6c rgb(25,94,108)
```
#1d6c7c
```
#1d6c7c rgb(29,108,124)
```
#217a8c
```
#217a8c rgb(33,122,140)
```
#25889b
```
#25889b rgb(37,136,155)
```
#2895ab
```
#2895ab rgb(40,149,171)
```
#2ca3bb
```
#2ca3bb rgb(44,163,187)
```
#30b1cb
```
#30b1cb rgb(48,177,203)
```

Shade Color Variation

#3db8d1
```
#3db8d1 rgb(61,184,209)
```
#4dbed5
```
#4dbed5 rgb(77,190,213)
```
#5dc4d9
```
#5dc4d9 rgb(93,196,217)
```
#6dcadc
```
#6dcadc rgb(109,202,220)
```
#7dd0e0
```
#7dd0e0 rgb(125,208,224)
```
#8dd5e4
```
#8dd5e4 rgb(141,213,228)
```
#9ddbe8
```
#9ddbe8 rgb(157,219,232)
```
#ace1eb
```
#ace1eb rgb(172,225,235)
```
#bce7ef
```
#bce7ef rgb(188,231,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 #09cbf2 is the most saturated one.

#7d7e7e
```
#7d7e7e rgb(125,126,126)
```
#748487
```
#748487 rgb(116,132,135)
```
#6a8b91
```
#6a8b91 rgb(106,139,145)
```
#60919b
```
#60919b rgb(96,145,155)
```
#5797a4
```
#5797a4 rgb(87,151,164)
```
#4d9eae
```
#4d9eae rgb(77,158,174)
```
#43a4b8
```
#43a4b8 rgb(67,164,184)
```
#3aabc1
```
#3aabc1 rgb(58,171,193)
```
#30b1cb
```
#30b1cb rgb(48,177,203)
```
#26b7d5
```
#26b7d5 rgb(38,183,213)
```
#1dbede
```
#1dbede rgb(29,190,222)
```
#13c4e8
```
#13c4e8 rgb(19,196,232)
```
#09cbf2
```
#09cbf2 rgb(9,203,242)
```

Tone Color Variation

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

#a0a5c4 Protanopia 1% of men
#9da4d4 Deuteranopia 1% of men
#30b6c4 Tritanopia 0.001% of the population

Trichromacy

#77a9c6 Protanomaly 1% of men, 0.01% of women
#75a9d0 Deuteranomaly 6% of men, 0.4% of women
#30b4c6 Tritanomaly 0.01% of the population

#30b1cb hex color

#30b1cb Color Information

#30b1cb Color Conversion

Color Schemes with #30b1cb

Alternatives to #30b1cb

#30b1cb Preview

Shades and Tints of #30b1cb

Tones of #30b1cb

Color Blindness Simulator