#30a0ed hex color

In a RGB color space, hex #30a0ed is composed of 18.8% red, 62.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 32.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 204.4 degrees, a saturation of 84% and a lightness of 55.9%. #30a0ed color hex could be obtained by blending #60ffff with #0041db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 63
- B 93
RGB color chart
- C 80
- M 32
- Y 0
- K 7
CMYK color chart

● #30a0ed color description : Bright blue.

The hexadecimal color #30a0ed has RGB values of R:48, G:160, B:237 and CMYK values of C:0.8, M:0.32, Y:0, K:0.07. Its decimal value is 3186925.

Hex triplet	30a0ed	`#30a0ed`
RGB Decimal	48, 160, 237	`rgb(48,160,237)`
RGB Percent	18.8, 62.7, 92.9	`rgb(18.8%,62.7%,92.9%)`
CMYK	80, 32, 0, 7
HSL	204.4°, 84, 55.9	`hsl(204.4,84%,55.9%)`
HSV (or HSB)	204.4°, 79.7, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.245, -4.688, -47.336
XYZ	29.072, 31.882, 84.738
xyY	0.2, 0.219, 31.882
CIE-LCH	63.245, 47.567, 264.344
CIE-LUV	63.245, -37.108, -75.261
Hunter-Lab	56.464, -6.906, -49.454
Binary	00110000, 10100000, 11101101

#30a0ed
```
#30a0ed rgb(48,160,237)
```
#ed7d30
```
#ed7d30 rgb(237,125,48)
```

Complementary Color

#30eddc
```
#30eddc rgb(48,237,220)
```
#30a0ed
```
#30a0ed rgb(48,160,237)
```
#3042ed
```
#3042ed rgb(48,66,237)
```

Analogous Color

#eddc30
```
#eddc30 rgb(237,220,48)
```
#30a0ed
```
#30a0ed rgb(48,160,237)
```
#ed3042
```
#ed3042 rgb(237,48,66)
```

Split Complementary Color

#a0ed30
```
#a0ed30 rgb(160,237,48)
```
#30a0ed
```
#30a0ed rgb(48,160,237)
```
#ed30a0
```
#ed30a0 rgb(237,48,160)
```

Triadic Color

#30ed7d
```
#30ed7d rgb(48,237,125)
```
#30a0ed
```
#30a0ed rgb(48,160,237)
```
#ed30a0
```
#ed30a0 rgb(237,48,160)
```
#ed7d30
```
#ed7d30 rgb(237,125,48)
```

Tetradic Color

#1178c0
```
#1178c0 rgb(17,120,192)
```
#1387d7
```
#1387d7 rgb(19,135,215)
```
#1995eb
```
#1995eb rgb(25,149,235)
```
#30a0ed
```
#30a0ed rgb(48,160,237)
```
#47abef
```
#47abef rgb(71,171,239)
```
#5fb6f1
```
#5fb6f1 rgb(95,182,241)
```
#76c0f3
```
#76c0f3 rgb(118,192,243)
```

Monochromatic Color

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

#30cfed
```
#30cfed rgb(48,207,237)
```
#30c0ed
```
#30c0ed rgb(48,192,237)
```
#30b0ed
```
#30b0ed rgb(48,176,237)
```
#30a0ed
```
#30a0ed rgb(48,160,237)
```
#3090ed
```
#3090ed rgb(48,144,237)
```
#3081ed
```
#3081ed rgb(48,129,237)
```
#3071ed
```
#3071ed rgb(48,113,237)
```

Similar Colors

Text with hexadecimal color #30a0ed

This text has a font color of #30a0ed.

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

#30a0ed background color

This paragraph has a background color of #30a0ed.

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

#30a0ed border color

This element has a border color of #30a0ed.

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

CSS codes

.text {color:#30a0ed;}

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

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

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, #01060a is the darkest color, while #f7fbfe is the lightest one.

#01060a
```
#01060a rgb(1,6,10)
```
#02111c
```
#02111c rgb(2,17,28)
```
#041d2e
```
#041d2e rgb(4,29,46)
```
#062840
```
#062840 rgb(6,40,64)
```
#073352
```
#073352 rgb(7,51,82)
```
#093f64
```
#093f64 rgb(9,63,100)
```
#0a4a76
```
#0a4a76 rgb(10,74,118)
```
#0c5588
```
#0c5588 rgb(12,85,136)
```
#0d619a
```
#0d619a rgb(13,97,154)
```
#0f6cac
```
#0f6cac rgb(15,108,172)
```
#1177be
```
#1177be rgb(17,119,190)
```
#1283d0
```
#1283d0 rgb(18,131,208)
```
#148ee2
```
#148ee2 rgb(20,142,226)
```

Shade Color Variation

#1e98eb
```
#1e98eb rgb(30,152,235)
```
#30a0ed
```
#30a0ed rgb(48,160,237)
```
#42a8ef
```
#42a8ef rgb(66,168,239)
```
#54b1f0
```
#54b1f0 rgb(84,177,240)
```
#66b9f2
```
#66b9f2 rgb(102,185,242)
```
#78c1f3
```
#78c1f3 rgb(120,193,243)
```
#8ac9f5
```
#8ac9f5 rgb(138,201,245)
```
#9cd2f6
```
#9cd2f6 rgb(156,210,246)
```
#aedaf8
```
#aedaf8 rgb(174,218,248)
```
#c0e2fa
```
#c0e2fa rgb(192,226,250)
```
#d2ebfb
```
#d2ebfb rgb(210,235,251)
```
#e4f3fd
```
#e4f3fd rgb(228,243,253)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #879096 is the less saturated color, while #1fa3fe is the most saturated one.

#879096
```
#879096 rgb(135,144,150)
```
#7e929f
```
#7e929f rgb(126,146,159)
```
#7593a8
```
#7593a8 rgb(117,147,168)
```
#6d95b0
```
#6d95b0 rgb(109,149,176)
```
#6496b9
```
#6496b9 rgb(100,150,185)
```
#5b98c2
```
#5b98c2 rgb(91,152,194)
```
#539aca
```
#539aca rgb(83,154,202)
```
#4a9bd3
```
#4a9bd3 rgb(74,155,211)
```
#419ddc
```
#419ddc rgb(65,157,220)
```
#399ee4
```
#399ee4 rgb(57,158,228)
```
#30a0ed
```
#30a0ed rgb(48,160,237)
```
#27a2f6
```
#27a2f6 rgb(39,162,246)
```
#1fa3fe
```
#1fa3fe rgb(31,163,254)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#768c9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#819be7 Protanopia 1% of men
#6c9ef0 Deuteranopia 1% of men
#00adb9 Tritanopia 0.001% of the population

Trichromacy

#649de9 Protanomaly 1% of men, 0.01% of women
#569fef Deuteranomaly 6% of men, 0.4% of women
#11a8cc Tritanomaly 0.01% of the population

#30a0ed hex color

#30a0ed Color Information

#30a0ed Color Conversion

Color Schemes with #30a0ed

Alternatives to #30a0ed

#30a0ed Preview

Shades and Tints of #30a0ed

Tones of #30a0ed

Color Blindness Simulator