#30a8e2 hex color

In a RGB color space, hex #30a8e2 is composed of 18.8% red, 65.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 25.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 199.6 degrees, a saturation of 75.4% and a lightness of 53.7%. #30a8e2 color hex could be obtained by blending #60ffff with #0051c5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 66
- B 89
RGB color chart
- C 79
- M 26
- Y 0
- K 11
CMYK color chart

● #30a8e2 color description : Bright blue.

The hexadecimal color #30a8e2 has RGB values of R:48, G:168, B:226 and CMYK values of C:0.79, M:0.26, Y:0, K:0.11. Its decimal value is 3188962.

Hex triplet	30a8e2	`#30a8e2`
RGB Decimal	48, 168, 226	`rgb(48,168,226)`
RGB Percent	18.8, 65.9, 88.6	`rgb(18.8%,65.9%,88.6%)`
CMYK	79, 26, 0, 11
HSL	199.6°, 75.4, 53.7	`hsl(199.6,75.4%,53.7%)`
HSV (or HSB)	199.6°, 78.8, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.059, -12.998, -38.435
XYZ	28.946, 34.122, 77.008
xyY	0.207, 0.244, 34.122
CIE-LCH	65.059, 40.573, 251.316
CIE-LUV	65.059, -40.448, -59.574
Hunter-Lab	58.414, -13.774, -37.273
Binary	00110000, 10101000, 11100010

#30a8e2
```
#30a8e2 rgb(48,168,226)
```
#e26a30
```
#e26a30 rgb(226,106,48)
```

Complementary Color

#30e2c3
```
#30e2c3 rgb(48,226,195)
```
#30a8e2
```
#30a8e2 rgb(48,168,226)
```
#304fe2
```
#304fe2 rgb(48,79,226)
```

Analogous Color

#e2c330
```
#e2c330 rgb(226,195,48)
```
#30a8e2
```
#30a8e2 rgb(48,168,226)
```
#e2304f
```
#e2304f rgb(226,48,79)
```

Split Complementary Color

#a8e230
```
#a8e230 rgb(168,226,48)
```
#30a8e2
```
#30a8e2 rgb(48,168,226)
```
#e230a8
```
#e230a8 rgb(226,48,168)
```

Triadic Color

#30e26a
```
#30e26a rgb(48,226,106)
```
#30a8e2
```
#30a8e2 rgb(48,168,226)
```
#e230a8
```
#e230a8 rgb(226,48,168)
```
#e26a30
```
#e26a30 rgb(226,106,48)
```

Tetradic Color

#187dad
```
#187dad rgb(24,125,173)
```
#1b8dc4
```
#1b8dc4 rgb(27,141,196)
```
#1f9dda
```
#1f9dda rgb(31,157,218)
```
#30a8e2
```
#30a8e2 rgb(48,168,226)
```
#46b1e5
```
#46b1e5 rgb(70,177,229)
```
#5dbbe8
```
#5dbbe8 rgb(93,187,232)
```
#73c4eb
```
#73c4eb rgb(115,196,235)
```

Monochromatic Color

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

#30d5e2
```
#30d5e2 rgb(48,213,226)
```
#30c6e2
```
#30c6e2 rgb(48,198,226)
```
#30b7e2
```
#30b7e2 rgb(48,183,226)
```
#30a8e2
```
#30a8e2 rgb(48,168,226)
```
#3099e2
```
#3099e2 rgb(48,153,226)
```
#308ae2
```
#308ae2 rgb(48,138,226)
```
#307ce2
```
#307ce2 rgb(48,124,226)
```

Similar Colors

Text with hexadecimal color #30a8e2

This text has a font color of #30a8e2.

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

#30a8e2 background color

This paragraph has a background color of #30a8e2.

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

#30a8e2 border color

This element has a border color of #30a8e2.

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

CSS codes

.text {color:#30a8e2;}

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

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

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, #020c11 is the darkest color, while #feffff is the lightest one.

#020c11
```
#020c11 rgb(2,12,17)
```
#051822
```
#051822 rgb(5,24,34)
```
#072533
```
#072533 rgb(7,37,51)
```
#0a3144
```
#0a3144 rgb(10,49,68)
```
#0c3e55
```
#0c3e55 rgb(12,62,85)
```
#0e4a67
```
#0e4a67 rgb(14,74,103)
```
#115678
```
#115678 rgb(17,86,120)
```
#136389
```
#136389 rgb(19,99,137)
```
#166f9a
```
#166f9a rgb(22,111,154)
```
#187bac
```
#187bac rgb(24,123,172)
```
#1a88bd
```
#1a88bd rgb(26,136,189)
```
#1d94ce
```
#1d94ce rgb(29,148,206)
```
#1fa1df
```
#1fa1df rgb(31,161,223)
```

Shade Color Variation

#30a8e2
```
#30a8e2 rgb(48,168,226)
```
#41afe4
```
#41afe4 rgb(65,175,228)
```
#52b6e7
```
#52b6e7 rgb(82,182,231)
```
#64bee9
```
#64bee9 rgb(100,190,233)
```
#75c5ec
```
#75c5ec rgb(117,197,236)
```
#86ccee
```
#86ccee rgb(134,204,238)
```
#97d3f0
```
#97d3f0 rgb(151,211,240)
```
#a8dbf3
```
#a8dbf3 rgb(168,219,243)
```
#bae2f5
```
#bae2f5 rgb(186,226,245)
```
#cbe9f8
```
#cbe9f8 rgb(203,233,248)
```
#dcf0fa
```
#dcf0fa rgb(220,240,250)
```
#edf8fd
```
#edf8fd rgb(237,248,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828c90 is the less saturated color, while #15b1fd is the most saturated one.

#828c90
```
#828c90 rgb(130,140,144)
```
#798f99
```
#798f99 rgb(121,143,153)
```
#7092a2
```
#7092a2 rgb(112,146,162)
```
#6695ac
```
#6695ac rgb(102,149,172)
```
#5d98b5
```
#5d98b5 rgb(93,152,181)
```
#549bbe
```
#549bbe rgb(84,155,190)
```
#4b9fc7
```
#4b9fc7 rgb(75,159,199)
```
#42a2d0
```
#42a2d0 rgb(66,162,208)
```
#39a5d9
```
#39a5d9 rgb(57,165,217)
```
#30a8e2
```
#30a8e2 rgb(48,168,226)
```
#27abeb
```
#27abeb rgb(39,171,235)
```
#1eaef4
```
#1eaef4 rgb(30,174,244)
```
#15b1fd
```
#15b1fd rgb(21,177,253)
```

Tone Color Variation

Below, you can see how #30a8e2 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
#79919c Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a0db Protanopia 1% of men
#82a2e7 Deuteranopia 1% of men
#00b2bf Tritanopia 0.001% of the population

Trichromacy

#6da3dd Protanomaly 1% of men, 0.01% of women
#64a4e5 Deuteranomaly 6% of men, 0.4% of women
#11aecc Tritanomaly 0.01% of the population

#30a8e2 hex color

#30a8e2 Color Information

#30a8e2 Color Conversion

Color Schemes with #30a8e2

Alternatives to #30a8e2

#30a8e2 Preview

Shades and Tints of #30a8e2

Tones of #30a8e2

Color Blindness Simulator