#30a8cc hex color

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

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

● #30a8cc color description : Strong cyan.

The hexadecimal color #30a8cc has RGB values of R:48, G:168, B:204 and CMYK values of C:0.76, M:0.18, Y:0, K:0.2. Its decimal value is 3188940.

Hex triplet	30a8cc	`#30a8cc`
RGB Decimal	48, 168, 204	`rgb(48,168,204)`
RGB Percent	18.8, 65.9, 80	`rgb(18.8%,65.9%,80%)`
CMYK	76, 18, 0, 20
HSL	193.8°, 61.9, 49.4	`hsl(193.8,61.9%,49.4%)`
HSV (or HSB)	193.8°, 76.5, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.154, -20.425, -27.677
XYZ	26.118, 32.991, 62.115
xyY	0.215, 0.272, 32.991
CIE-LCH	64.154, 34.398, 233.573
CIE-LUV	64.154, -41.818, -40.499
Hunter-Lab	57.438, -19.35, -23.912
Binary	00110000, 10101000, 11001100

#30a8cc
```
#30a8cc rgb(48,168,204)
```
#cc5430
```
#cc5430 rgb(204,84,48)
```

Complementary Color

#30cca2
```
#30cca2 rgb(48,204,162)
```
#30a8cc
```
#30a8cc rgb(48,168,204)
```
#305acc
```
#305acc rgb(48,90,204)
```

Analogous Color

#cca230
```
#cca230 rgb(204,162,48)
```
#30a8cc
```
#30a8cc rgb(48,168,204)
```
#cc305a
```
#cc305a rgb(204,48,90)
```

Split Complementary Color

#a8cc30
```
#a8cc30 rgb(168,204,48)
```
#30a8cc
```
#30a8cc rgb(48,168,204)
```
#cc30a8
```
#cc30a8 rgb(204,48,168)
```

Triadic Color

#30cc54
```
#30cc54 rgb(48,204,84)
```
#30a8cc
```
#30a8cc rgb(48,168,204)
```
#cc30a8
```
#cc30a8 rgb(204,48,168)
```
#cc5430
```
#cc5430 rgb(204,84,48)
```

Tetradic Color

#21758e
```
#21758e rgb(33,117,142)
```
#2686a3
```
#2686a3 rgb(38,134,163)
```
#2b97b7
```
#2b97b7 rgb(43,151,183)
```
#30a8cc
```
#30a8cc rgb(48,168,204)
```
#43b2d3
```
#43b2d3 rgb(67,178,211)
```
#57bad8
```
#57bad8 rgb(87,186,216)
```
#6cc3dc
```
#6cc3dc rgb(108,195,220)
```

Monochromatic Color

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

#30ccc9
```
#30ccc9 rgb(48,204,201)
```
#30c2cc
```
#30c2cc rgb(48,194,204)
```
#30b5cc
```
#30b5cc rgb(48,181,204)
```
#30a8cc
```
#30a8cc rgb(48,168,204)
```
#309bcc
```
#309bcc rgb(48,155,204)
```
#308ecc
```
#308ecc rgb(48,142,204)
```
#3081cc
```
#3081cc rgb(48,129,204)
```

Similar Colors

Text with hexadecimal color #30a8cc

This text has a font color of #30a8cc.

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

#30a8cc background color

This paragraph has a background color of #30a8cc.

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

#30a8cc border color

This element has a border color of #30a8cc.

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

CSS codes

.text {color:#30a8cc;}

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

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

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)
```
#07181d
```
#07181d rgb(7,24,29)
```
#0b252d
```
#0b252d rgb(11,37,45)
```
#0e323d
```
#0e323d rgb(14,50,61)
```
#123f4d
```
#123f4d rgb(18,63,77)
```
#164c5d
```
#164c5d rgb(22,76,93)
```
#1a5a6d
```
#1a5a6d rgb(26,90,109)
```
#1d677d
```
#1d677d rgb(29,103,125)
```
#21748c
```
#21748c rgb(33,116,140)
```
#25819c
```
#25819c rgb(37,129,156)
```
#298eac
```
#298eac rgb(41,142,172)
```
#2c9bbc
```
#2c9bbc rgb(44,155,188)
```
#30a8cc
```
#30a8cc rgb(48,168,204)
```

Shade Color Variation

#3eb0d2
```
#3eb0d2 rgb(62,176,210)
```
#4eb6d5
```
#4eb6d5 rgb(78,182,213)
```
#5ebdd9
```
#5ebdd9 rgb(94,189,217)
```
#6ec3dd
```
#6ec3dd rgb(110,195,221)
```
#7ecae1
```
#7ecae1 rgb(126,202,225)
```
#8dd0e4
```
#8dd0e4 rgb(141,208,228)
```
#9dd7e8
```
#9dd7e8 rgb(157,215,232)
```
#adddec
```
#adddec rgb(173,221,236)
```
#bde4ef
```
#bde4ef rgb(189,228,239)
```
#cdeaf3
```
#cdeaf3 rgb(205,234,243)
```
#ddf1f7
```
#ddf1f7 rgb(221,241,247)
```
#edf7fb
```
#edf7fb rgb(237,247,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 #09bdf3 is the most saturated one.

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#748388
```
#748388 rgb(116,131,136)
```
#6a8992
```
#6a8992 rgb(106,137,146)
```
#608e9c
```
#608e9c rgb(96,142,156)
```
#5793a5
```
#5793a5 rgb(87,147,165)
```
#4d98af
```
#4d98af rgb(77,152,175)
```
#439eb9
```
#439eb9 rgb(67,158,185)
```
#3aa3c2
```
#3aa3c2 rgb(58,163,194)
```
#30a8cc
```
#30a8cc rgb(48,168,204)
```
#26add6
```
#26add6 rgb(38,173,214)
```
#1db2df
```
#1db2df rgb(29,178,223)
```
#13b8e9
```
#13b8e9 rgb(19,184,233)
```
#09bdf3
```
#09bdf3 rgb(9,189,243)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#768e96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#969fc5 Protanopia 1% of men
#909ed4 Deuteranopia 1% of men
#23afbc Tritanopia 0.001% of the population

Trichromacy

#71a2c8 Protanomaly 1% of men, 0.01% of women
#6da2d1 Deuteranomaly 6% of men, 0.4% of women
#28acc2 Tritanomaly 0.01% of the population

#30a8cc hex color

#30a8cc Color Information

#30a8cc Color Conversion

Color Schemes with #30a8cc

Alternatives to #30a8cc

#30a8cc Preview

Shades and Tints of #30a8cc

Tones of #30a8cc

Color Blindness Simulator