#30a2e2 hex color

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

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

● #30a2e2 color description : Bright blue.

The hexadecimal color #30a2e2 has RGB values of R:48, G:162, B:226 and CMYK values of C:0.79, M:0.28, Y:0, K:0.11. Its decimal value is 3187426.

Hex triplet	30a2e2	`#30a2e2`
RGB Decimal	48, 162, 226	`rgb(48,162,226)`
RGB Percent	18.8, 63.5, 88.6	`rgb(18.8%,63.5%,88.6%)`
CMYK	79, 28, 0, 11
HSL	201.6°, 75.4, 53.7	`hsl(201.6,75.4%,53.7%)`
HSV (or HSB)	201.6°, 78.8, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.308, -9.694, -41.176
XYZ	27.863, 31.958, 76.647
xyY	0.204, 0.234, 31.958
CIE-LCH	63.308, 42.302, 256.753
CIE-LUV	63.308, -38.392, -64.334
Hunter-Lab	56.531, -10.949, -40.816
Binary	00110000, 10100010, 11100010

#30a2e2
```
#30a2e2 rgb(48,162,226)
```
#e27030
```
#e27030 rgb(226,112,48)
```

Complementary Color

#30e2c9
```
#30e2c9 rgb(48,226,201)
```
#30a2e2
```
#30a2e2 rgb(48,162,226)
```
#3049e2
```
#3049e2 rgb(48,73,226)
```

Analogous Color

#e2c930
```
#e2c930 rgb(226,201,48)
```
#30a2e2
```
#30a2e2 rgb(48,162,226)
```
#e23049
```
#e23049 rgb(226,48,73)
```

Split Complementary Color

#a2e230
```
#a2e230 rgb(162,226,48)
```
#30a2e2
```
#30a2e2 rgb(48,162,226)
```
#e230a2
```
#e230a2 rgb(226,48,162)
```

Triadic Color

#30e270
```
#30e270 rgb(48,226,112)
```
#30a2e2
```
#30a2e2 rgb(48,162,226)
```
#e230a2
```
#e230a2 rgb(226,48,162)
```
#e27030
```
#e27030 rgb(226,112,48)
```

Tetradic Color

#1878ad
```
#1878ad rgb(24,120,173)
```
#1b87c4
```
#1b87c4 rgb(27,135,196)
```
#1f97da
```
#1f97da rgb(31,151,218)
```
#30a2e2
```
#30a2e2 rgb(48,162,226)
```
#46ace5
```
#46ace5 rgb(70,172,229)
```
#5db6e8
```
#5db6e8 rgb(93,182,232)
```
#73c0eb
```
#73c0eb rgb(115,192,235)
```

Monochromatic Color

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

#30cfe2
```
#30cfe2 rgb(48,207,226)
```
#30c0e2
```
#30c0e2 rgb(48,192,226)
```
#30b1e2
```
#30b1e2 rgb(48,177,226)
```
#30a2e2
```
#30a2e2 rgb(48,162,226)
```
#3093e2
```
#3093e2 rgb(48,147,226)
```
#3084e2
```
#3084e2 rgb(48,132,226)
```
#3076e2
```
#3076e2 rgb(48,118,226)
```

Similar Colors

Text with hexadecimal color #30a2e2

This text has a font color of #30a2e2.

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

#30a2e2 background color

This paragraph has a background color of #30a2e2.

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

#30a2e2 border color

This element has a border color of #30a2e2.

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

CSS codes

.text {color:#30a2e2;}

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

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

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)
```
#051722
```
#051722 rgb(5,23,34)
```
#072333
```
#072333 rgb(7,35,51)
```
#0a2f44
```
#0a2f44 rgb(10,47,68)
```
#0c3b55
```
#0c3b55 rgb(12,59,85)
```
#0e4767
```
#0e4767 rgb(14,71,103)
```
#115378
```
#115378 rgb(17,83,120)
```
#135f89
```
#135f89 rgb(19,95,137)
```
#166b9a
```
#166b9a rgb(22,107,154)
```
#1876ac
```
#1876ac rgb(24,118,172)
```
#1a82bd
```
#1a82bd rgb(26,130,189)
```
#1d8ece
```
#1d8ece rgb(29,142,206)
```
#1f9adf
```
#1f9adf rgb(31,154,223)
```

Shade Color Variation

#30a2e2
```
#30a2e2 rgb(48,162,226)
```
#41aae4
```
#41aae4 rgb(65,170,228)
```
#52b1e7
```
#52b1e7 rgb(82,177,231)
```
#64b9e9
```
#64b9e9 rgb(100,185,233)
```
#75c1ec
```
#75c1ec rgb(117,193,236)
```
#86c9ee
```
#86c9ee rgb(134,201,238)
```
#97d0f0
```
#97d0f0 rgb(151,208,240)
```
#a8d8f3
```
#a8d8f3 rgb(168,216,243)
```
#bae0f5
```
#bae0f5 rgb(186,224,245)
```
#cbe8f8
```
#cbe8f8 rgb(203,232,248)
```
#dceffa
```
#dceffa rgb(220,239,250)
```
#edf7fd
```
#edf7fd rgb(237,247,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#828b90
```
#828b90 rgb(130,139,144)
```
#798e99
```
#798e99 rgb(121,142,153)
```
#7090a2
```
#7090a2 rgb(112,144,162)
```
#6693ac
```
#6693ac rgb(102,147,172)
```
#5d95b5
```
#5d95b5 rgb(93,149,181)
```
#5498be
```
#5498be rgb(84,152,190)
```
#4b9ac7
```
#4b9ac7 rgb(75,154,199)
```
#429dd0
```
#429dd0 rgb(66,157,208)
```
#399fd9
```
#399fd9 rgb(57,159,217)
```
#30a2e2
```
#30a2e2 rgb(48,162,226)
```
#27a5eb
```
#27a5eb rgb(39,165,235)
```
#1ea7f4
```
#1ea7f4 rgb(30,167,244)
```
#15aafd
```
#15aafd rgb(21,170,253)
```

Tone Color Variation

Below, you can see how #30a2e2 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
#768c99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#889cdb Protanopia 1% of men
#799ee7 Deuteranopia 1% of men
#00adba Tritanopia 0.001% of the population

Trichromacy

#689ede Protanomaly 1% of men, 0.01% of women
#5e9fe5 Deuteranomaly 6% of men, 0.4% of women
#11a9c8 Tritanomaly 0.01% of the population

#30a2e2 hex color

#30a2e2 Color Information

#30a2e2 Color Conversion

Color Schemes with #30a2e2

Alternatives to #30a2e2

#30a2e2 Preview

Shades and Tints of #30a2e2

Tones of #30a2e2

Color Blindness Simulator