#30acca hex color

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

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

● #30acca color description : Strong cyan.

The hexadecimal color #30acca has RGB values of R:48, G:172, B:202 and CMYK values of C:0.76, M:0.15, Y:0, K:0.21. Its decimal value is 3189962.

Hex triplet	30acca	`#30acca`
RGB Decimal	48, 172, 202	`rgb(48,172,202)`
RGB Percent	18.8, 67.5, 79.2	`rgb(18.8%,67.5%,79.2%)`
CMYK	76, 15, 0, 21
HSL	191.7°, 61.6, 49	`hsl(191.7,61.6%,49%)`
HSV (or HSB)	191.7°, 76.2, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.275, -23.151, -24.843
XYZ	26.629, 34.395, 61.109
xyY	0.218, 0.282, 34.395
CIE-LCH	65.275, 33.959, 227.019
CIE-LUV	65.275, -43.362, -35.54
Hunter-Lab	58.647, -21.584, -20.726
Binary	00110000, 10101100, 11001010

#30acca
```
#30acca rgb(48,172,202)
```
#ca4e30
```
#ca4e30 rgb(202,78,48)
```

Complementary Color

#30ca9b
```
#30ca9b rgb(48,202,155)
```
#30acca
```
#30acca rgb(48,172,202)
```
#305fca
```
#305fca rgb(48,95,202)
```

Analogous Color

#ca9b30
```
#ca9b30 rgb(202,155,48)
```
#30acca
```
#30acca rgb(48,172,202)
```
#ca305f
```
#ca305f rgb(202,48,95)
```

Split Complementary Color

#acca30
```
#acca30 rgb(172,202,48)
```
#30acca
```
#30acca rgb(48,172,202)
```
#ca30ac
```
#ca30ac rgb(202,48,172)
```

Triadic Color

#30ca4e
```
#30ca4e rgb(48,202,78)
```
#30acca
```
#30acca rgb(48,172,202)
```
#ca30ac
```
#ca30ac rgb(202,48,172)
```
#ca4e30
```
#ca4e30 rgb(202,78,48)
```

Tetradic Color

#21778c
```
#21778c rgb(33,119,140)
```
#2689a1
```
#2689a1 rgb(38,137,161)
```
#2b9ab5
```
#2b9ab5 rgb(43,154,181)
```
#30acca
```
#30acca rgb(48,172,202)
```
#42b6d2
```
#42b6d2 rgb(66,182,210)
```
#56bed7
```
#56bed7 rgb(86,190,215)
```
#6bc6dc
```
#6bc6dc rgb(107,198,220)
```

Monochromatic Color

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

#30cac2
```
#30cac2 rgb(48,202,194)
```
#30c6ca
```
#30c6ca rgb(48,198,202)
```
#30b9ca
```
#30b9ca rgb(48,185,202)
```
#30acca
```
#30acca rgb(48,172,202)
```
#309fca
```
#309fca rgb(48,159,202)
```
#3092ca
```
#3092ca rgb(48,146,202)
```
#3086ca
```
#3086ca rgb(48,134,202)
```

Similar Colors

Text with hexadecimal color #30acca

This text has a font color of #30acca.

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

#30acca background color

This paragraph has a background color of #30acca.

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

#30acca border color

This element has a border color of #30acca.

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

CSS codes

.text {color:#30acca;}

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

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

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 #fbfdfe is the lightest one.

#030a0c
```
#030a0c rgb(3,10,12)
```
#07181c
```
#07181c rgb(7,24,28)
```
#0a252c
```
#0a252c rgb(10,37,44)
```
#0e333b
```
#0e333b rgb(14,51,59)
```
#12404b
```
#12404b rgb(18,64,75)
```
#164e5b
```
#164e5b rgb(22,78,91)
```
#195b6b
```
#195b6b rgb(25,91,107)
```
#1d697b
```
#1d697b rgb(29,105,123)
```
#21768b
```
#21768b rgb(33,118,139)
```
#25849a
```
#25849a rgb(37,132,154)
```
#2891aa
```
#2891aa rgb(40,145,170)
```
#2c9fba
```
#2c9fba rgb(44,159,186)
```
#30acca
```
#30acca rgb(48,172,202)
```

Shade Color Variation

#3db4d1
```
#3db4d1 rgb(61,180,209)
```
#4dbad5
```
#4dbad5 rgb(77,186,213)
```
#5cc0d8
```
#5cc0d8 rgb(92,192,216)
```
#6cc6dc
```
#6cc6dc rgb(108,198,220)
```
#7ccce0
```
#7ccce0 rgb(124,204,224)
```
#8cd3e4
```
#8cd3e4 rgb(140,211,228)
```
#9cd9e7
```
#9cd9e7 rgb(156,217,231)
```
#acdfeb
```
#acdfeb rgb(172,223,235)
```
#bce5ef
```
#bce5ef rgb(188,229,239)
```
#cbebf3
```
#cbebf3 rgb(203,235,243)
```
#dbf1f7
```
#dbf1f7 rgb(219,241,247)
```
#ebf7fa
```
#ebf7fa rgb(235,247,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,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 #0ac3f0 is the most saturated one.

#7d7d7d
```
#7d7d7d rgb(125,125,125)
```
#738387
```
#738387 rgb(115,131,135)
```
#6a8990
```
#6a8990 rgb(106,137,144)
```
#608f9a
```
#608f9a rgb(96,143,154)
```
#5695a4
```
#5695a4 rgb(86,149,164)
```
#4d9aad
```
#4d9aad rgb(77,154,173)
```
#43a0b7
```
#43a0b7 rgb(67,160,183)
```
#3aa6c0
```
#3aa6c0 rgb(58,166,192)
```
#30acca
```
#30acca rgb(48,172,202)
```
#26b2d4
```
#26b2d4 rgb(38,178,212)
```
#1db8dd
```
#1db8dd rgb(29,184,221)
```
#13bee7
```
#13bee7 rgb(19,190,231)
```
#0ac3f0
```
#0ac3f0 rgb(10,195,240)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#789197 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba2c3 Protanopia 1% of men
#97a1d2 Deuteranopia 1% of men
#2bb2bf Tritanopia 0.001% of the population

Trichromacy

#74a5c5 Protanomaly 1% of men, 0.01% of women
#71a5cf Deuteranomaly 6% of men, 0.4% of women
#2db0c3 Tritanomaly 0.01% of the population

#30acca hex color

#30acca Color Information

#30acca Color Conversion

Color Schemes with #30acca

Alternatives to #30acca

#30acca Preview

Shades and Tints of #30acca

Tones of #30acca

Color Blindness Simulator