#30b1ca hex color

In a RGB color space, hex #30b1ca is composed of 18.8% red, 69.4% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 12.4% magenta, 0% yellow and 20.8% black. It has a hue angle of 189.7 degrees, a saturation of 61.6% and a lightness of 49%. #30b1ca color hex could be obtained by blending #60ffff with #006395. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 69
- B 79
RGB color chart
- C 76
- M 12
- Y 0
- K 21
CMYK color chart

● #30b1ca color description : Strong cyan.

The hexadecimal color #30b1ca has RGB values of R:48, G:177, B:202 and CMYK values of C:0.76, M:0.12, Y:0, K:0.21. Its decimal value is 3191242.

Hex triplet	30b1ca	`#30b1ca`
RGB Decimal	48, 177, 202	`rgb(48,177,202)`
RGB Percent	18.8, 69.4, 79.2	`rgb(18.8%,69.4%,79.2%)`
CMYK	76, 12, 0, 21
HSL	189.7°, 61.6, 49	`hsl(189.7,61.6%,49%)`
HSV (or HSB)	189.7°, 76.2, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.775, -25.691, -22.548
XYZ	27.599, 36.334, 61.433
xyY	0.22, 0.29, 36.334
CIE-LCH	66.775, 34.183, 221.272
CIE-LUV	66.775, -45.132, -31.516
Hunter-Lab	60.278, -23.759, -18.231
Binary	00110000, 10110001, 11001010

#30b1ca
```
#30b1ca rgb(48,177,202)
```
#ca4930
```
#ca4930 rgb(202,73,48)
```

Complementary Color

#30ca96
```
#30ca96 rgb(48,202,150)
```
#30b1ca
```
#30b1ca rgb(48,177,202)
```
#3064ca
```
#3064ca rgb(48,100,202)
```

Analogous Color

#ca9630
```
#ca9630 rgb(202,150,48)
```
#30b1ca
```
#30b1ca rgb(48,177,202)
```
#ca3064
```
#ca3064 rgb(202,48,100)
```

Split Complementary Color

#b1ca30
```
#b1ca30 rgb(177,202,48)
```
#30b1ca
```
#30b1ca rgb(48,177,202)
```
#ca30b1
```
#ca30b1 rgb(202,48,177)
```

Triadic Color

#30ca49
```
#30ca49 rgb(48,202,73)
```
#30b1ca
```
#30b1ca rgb(48,177,202)
```
#ca30b1
```
#ca30b1 rgb(202,48,177)
```
#ca4930
```
#ca4930 rgb(202,73,48)
```

Tetradic Color

#217b8c
```
#217b8c rgb(33,123,140)
```
#268da1
```
#268da1 rgb(38,141,161)
```
#2b9fb5
```
#2b9fb5 rgb(43,159,181)
```
#30b1ca
```
#30b1ca rgb(48,177,202)
```
#42bbd2
```
#42bbd2 rgb(66,187,210)
```
#56c2d7
```
#56c2d7 rgb(86,194,215)
```
#6bc9dc
```
#6bc9dc rgb(107,201,220)
```

Monochromatic Color

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

#30cabd
```
#30cabd rgb(48,202,189)
```
#30cac9
```
#30cac9 rgb(48,202,201)
```
#30beca
```
#30beca rgb(48,190,202)
```
#30b1ca
```
#30b1ca rgb(48,177,202)
```
#30a4ca
```
#30a4ca rgb(48,164,202)
```
#3097ca
```
#3097ca rgb(48,151,202)
```
#308bca
```
#308bca rgb(48,139,202)
```

Similar Colors

Text with hexadecimal color #30b1ca

This text has a font color of #30b1ca.

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

#30b1ca background color

This paragraph has a background color of #30b1ca.

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

#30b1ca border color

This element has a border color of #30b1ca.

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

CSS codes

.text {color:#30b1ca;}

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

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

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

#030a0c
```
#030a0c rgb(3,10,12)
```
#07181c
```
#07181c rgb(7,24,28)
```
#0a262c
```
#0a262c rgb(10,38,44)
```
#0e343b
```
#0e343b rgb(14,52,59)
```
#12424b
```
#12424b rgb(18,66,75)
```
#16505b
```
#16505b rgb(22,80,91)
```
#195e6b
```
#195e6b rgb(25,94,107)
```
#1d6c7b
```
#1d6c7b rgb(29,108,123)
```
#21798b
```
#21798b rgb(33,121,139)
```
#25879a
```
#25879a rgb(37,135,154)
```
#2895aa
```
#2895aa rgb(40,149,170)
```
#2ca3ba
```
#2ca3ba rgb(44,163,186)
```
#30b1ca
```
#30b1ca rgb(48,177,202)
```

Shade Color Variation

#3db9d1
```
#3db9d1 rgb(61,185,209)
```
#4dbfd5
```
#4dbfd5 rgb(77,191,213)
```
#5cc4d8
```
#5cc4d8 rgb(92,196,216)
```
#6ccadc
```
#6ccadc rgb(108,202,220)
```
#7cd0e0
```
#7cd0e0 rgb(124,208,224)
```
#8cd5e4
```
#8cd5e4 rgb(140,213,228)
```
#9cdbe7
```
#9cdbe7 rgb(156,219,231)
```
#ace1eb
```
#ace1eb rgb(172,225,235)
```
#bce7ef
```
#bce7ef rgb(188,231,239)
```
#cbecf3
```
#cbecf3 rgb(203,236,243)
```
#dbf2f7
```
#dbf2f7 rgb(219,242,247)
```
#ebf8fa
```
#ebf8fa rgb(235,248,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#7d7d7d
```
#7d7d7d rgb(125,125,125)
```
#738487
```
#738487 rgb(115,132,135)
```
#6a8a90
```
#6a8a90 rgb(106,138,144)
```
#60919a
```
#60919a rgb(96,145,154)
```
#5697a4
```
#5697a4 rgb(86,151,164)
```
#4d9ead
```
#4d9ead rgb(77,158,173)
```
#43a4b7
```
#43a4b7 rgb(67,164,183)
```
#3aabc0
```
#3aabc0 rgb(58,171,192)
```
#30b1ca
```
#30b1ca rgb(48,177,202)
```
#26b7d4
```
#26b7d4 rgb(38,183,212)
```
#1dbedd
```
#1dbedd rgb(29,190,221)
```
#13c4e7
```
#13c4e7 rgb(19,196,231)
```
#0acbf0
```
#0acbf0 rgb(10,203,240)
```

Tone Color Variation

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

#a0a5c3 Protanopia 1% of men
#9da4d3 Deuteranopia 1% of men
#31b6c3 Tritanopia 0.001% of the population

Trichromacy

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

#30b1ca hex color

#30b1ca Color Information

#30b1ca Color Conversion

Color Schemes with #30b1ca

Alternatives to #30b1ca

#30b1ca Preview

Shades and Tints of #30b1ca

Tones of #30b1ca

Color Blindness Simulator