#30accc hex color

In a RGB color space, hex #30accc is composed of 18.8% red, 67.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 15.7% magenta, 0% yellow and 20% black. It has a hue angle of 192.3 degrees, a saturation of 61.9% and a lightness of 49.4%. #30accc color hex could be obtained by blending #60ffff with #005999. Closest websafe color is: #3399cc.

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

● #30accc color description : Strong cyan.

The hexadecimal color #30accc has RGB values of R:48, G:172, B:204 and CMYK values of C:0.76, M:0.16, Y:0, K:0.2. Its decimal value is 3189964.

Hex triplet	30accc	`#30accc`
RGB Decimal	48, 172, 204	`rgb(48,172,204)`
RGB Percent	18.8, 67.5, 80	`rgb(18.8%,67.5%,80%)`
CMYK	76, 16, 0, 20
HSL	192.3°, 61.9, 49.4	`hsl(192.3,61.9%,49.4%)`
HSV (or HSB)	192.3°, 76.5, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.35, -22.502, -25.836
XYZ	26.868, 34.491, 62.365
xyY	0.217, 0.279, 34.491
CIE-LCH	65.35, 34.261, 228.946
CIE-LUV	65.35, -43.231, -37.276
Hunter-Lab	58.729, -21.114, -21.851
Binary	00110000, 10101100, 11001100

#30accc
```
#30accc rgb(48,172,204)
```
#cc5030
```
#cc5030 rgb(204,80,48)
```

Complementary Color

#30cc9e
```
#30cc9e rgb(48,204,158)
```
#30accc
```
#30accc rgb(48,172,204)
```
#305ecc
```
#305ecc rgb(48,94,204)
```

Analogous Color

#cc9e30
```
#cc9e30 rgb(204,158,48)
```
#30accc
```
#30accc rgb(48,172,204)
```
#cc305e
```
#cc305e rgb(204,48,94)
```

Split Complementary Color

#accc30
```
#accc30 rgb(172,204,48)
```
#30accc
```
#30accc rgb(48,172,204)
```
#cc30ac
```
#cc30ac rgb(204,48,172)
```

Triadic Color

#30cc50
```
#30cc50 rgb(48,204,80)
```
#30accc
```
#30accc rgb(48,172,204)
```
#cc30ac
```
#cc30ac rgb(204,48,172)
```
#cc5030
```
#cc5030 rgb(204,80,48)
```

Tetradic Color

#21788e
```
#21788e rgb(33,120,142)
```
#2689a3
```
#2689a3 rgb(38,137,163)
```
#2b9bb7
```
#2b9bb7 rgb(43,155,183)
```
#30accc
```
#30accc rgb(48,172,204)
```
#43b5d3
```
#43b5d3 rgb(67,181,211)
```
#57bdd8
```
#57bdd8 rgb(87,189,216)
```
#6cc5dc
```
#6cc5dc rgb(108,197,220)
```

Monochromatic Color

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

#30ccc5
```
#30ccc5 rgb(48,204,197)
```
#30c6cc
```
#30c6cc rgb(48,198,204)
```
#30b9cc
```
#30b9cc rgb(48,185,204)
```
#30accc
```
#30accc rgb(48,172,204)
```
#309fcc
```
#309fcc rgb(48,159,204)
```
#3092cc
```
#3092cc rgb(48,146,204)
```
#3085cc
```
#3085cc rgb(48,133,204)
```

Similar Colors

Text with hexadecimal color #30accc

This text has a font color of #30accc.

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

#30accc background color

This paragraph has a background color of #30accc.

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

#30accc border color

This element has a border color of #30accc.

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

CSS codes

.text {color:#30accc;}

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

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

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

#030b0d
```
#030b0d rgb(3,11,13)
```
#07191d
```
#07191d rgb(7,25,29)
```
#0b262d
```
#0b262d rgb(11,38,45)
```
#0e343d
```
#0e343d rgb(14,52,61)
```
#12414d
```
#12414d rgb(18,65,77)
```
#164e5d
```
#164e5d rgb(22,78,93)
```
#1a5c6d
```
#1a5c6d rgb(26,92,109)
```
#1d697d
```
#1d697d rgb(29,105,125)
```
#21768c
```
#21768c rgb(33,118,140)
```
#25849c
```
#25849c rgb(37,132,156)
```
#2991ac
```
#2991ac rgb(41,145,172)
```
#2c9fbc
```
#2c9fbc rgb(44,159,188)
```
#30accc
```
#30accc rgb(48,172,204)
```

Shade Color Variation

#3eb3d2
```
#3eb3d2 rgb(62,179,210)
```
#4ebad5
```
#4ebad5 rgb(78,186,213)
```
#5ec0d9
```
#5ec0d9 rgb(94,192,217)
```
#6ec6dd
```
#6ec6dd rgb(110,198,221)
```
#7ecce1
```
#7ecce1 rgb(126,204,225)
```
#8dd2e4
```
#8dd2e4 rgb(141,210,228)
```
#9dd9e8
```
#9dd9e8 rgb(157,217,232)
```
#addfec
```
#addfec rgb(173,223,236)
```
#bde5ef
```
#bde5ef rgb(189,229,239)
```
#cdebf3
```
#cdebf3 rgb(205,235,243)
```
#ddf2f7
```
#ddf2f7 rgb(221,242,247)
```
#edf8fb
```
#edf8fb rgb(237,248,251)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#748488
```
#748488 rgb(116,132,136)
```
#6a8a92
```
#6a8a92 rgb(106,138,146)
```
#608f9c
```
#608f9c rgb(96,143,156)
```
#5795a5
```
#5795a5 rgb(87,149,165)
```
#4d9baf
```
#4d9baf rgb(77,155,175)
```
#43a1b9
```
#43a1b9 rgb(67,161,185)
```
#3aa6c2
```
#3aa6c2 rgb(58,166,194)
```
#30accc
```
#30accc rgb(48,172,204)
```
#26b2d6
```
#26b2d6 rgb(38,178,214)
```
#1db7df
```
#1db7df rgb(29,183,223)
```
#13bde9
```
#13bde9 rgb(19,189,233)
```
#09c3f3
```
#09c3f3 rgb(9,195,243)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#799298 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa2c5 Protanopia 1% of men
#96a1d4 Deuteranopia 1% of men
#29b2c0 Tritanopia 0.001% of the population

Trichromacy

#74a5c7 Protanomaly 1% of men, 0.01% of women
#70a5d1 Deuteranomaly 6% of men, 0.4% of women
#2bb0c4 Tritanomaly 0.01% of the population

#30accc hex color

#30accc Color Information

#30accc Color Conversion

Color Schemes with #30accc

Alternatives to #30accc

#30accc Preview

Shades and Tints of #30accc

Tones of #30accc

Color Blindness Simulator