#30aef8 hex color

In a RGB color space, hex #30aef8 is composed of 18.8% red, 68.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 29.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 202.2 degrees, a saturation of 93.5% and a lightness of 58%. #30aef8 color hex could be obtained by blending #60ffff with #005df1. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 68
- B 97
RGB color chart
- C 81
- M 30
- Y 0
- K 3
CMYK color chart

● #30aef8 color description : Bright blue.

The hexadecimal color #30aef8 has RGB values of R:48, G:174, B:248 and CMYK values of C:0.81, M:0.3, Y:0, K:0.03. Its decimal value is 3190520.

Hex triplet	30aef8	`#30aef8`
RGB Decimal	48, 174, 248	`rgb(48,174,248)`
RGB Percent	18.8, 68.2, 97.3	`rgb(18.8%,68.2%,97.3%)`
CMYK	81, 30, 0, 3
HSL	202.2°, 93.5, 58	`hsl(202.2,93.5%,58%)`
HSV (or HSB)	202.2°, 80.6, 97.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.78, -8.659, -46.204
XYZ	33.294, 37.675, 94.319
xyY	0.201, 0.228, 37.675
CIE-LCH	67.78, 47.008, 259.385
CIE-LUV	67.78, -41.184, -73.687
Hunter-Lab	61.38, -10.592, -48.142
Binary	00110000, 10101110, 11111000

#30aef8
```
#30aef8 rgb(48,174,248)
```
#f87a30
```
#f87a30 rgb(248,122,48)
```

Complementary Color

#30f8de
```
#30f8de rgb(48,248,222)
```
#30aef8
```
#30aef8 rgb(48,174,248)
```
#304af8
```
#304af8 rgb(48,74,248)
```

Analogous Color

#f8de30
```
#f8de30 rgb(248,222,48)
```
#30aef8
```
#30aef8 rgb(48,174,248)
```
#f8304a
```
#f8304a rgb(248,48,74)
```

Split Complementary Color

#aef830
```
#aef830 rgb(174,248,48)
```
#30aef8
```
#30aef8 rgb(48,174,248)
```
#f830ae
```
#f830ae rgb(248,48,174)
```

Triadic Color

#30f87a
```
#30f87a rgb(48,248,122)
```
#30aef8
```
#30aef8 rgb(48,174,248)
```
#f830ae
```
#f830ae rgb(248,48,174)
```
#f87a30
```
#f87a30 rgb(248,122,48)
```

Tetradic Color

#0788d4
```
#0788d4 rgb(7,136,212)
```
#0898ed
```
#0898ed rgb(8,152,237)
```
#17a4f7
```
#17a4f7 rgb(23,164,247)
```
#30aef8
```
#30aef8 rgb(48,174,248)
```
#49b8f9
```
#49b8f9 rgb(73,184,249)
```
#61c1fa
```
#61c1fa rgb(97,193,250)
```
#7acbfb
```
#7acbfb rgb(122,203,251)
```

Monochromatic Color

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

#30e0f8
```
#30e0f8 rgb(48,224,248)
```
#30cff8
```
#30cff8 rgb(48,207,248)
```
#30bff8
```
#30bff8 rgb(48,191,248)
```
#30aef8
```
#30aef8 rgb(48,174,248)
```
#309df8
```
#309df8 rgb(48,157,248)
```
#308df8
```
#308df8 rgb(48,141,248)
```
#307cf8
```
#307cf8 rgb(48,124,248)
```

Similar Colors

Text with hexadecimal color #30aef8

This text has a font color of #30aef8.

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

#30aef8 background color

This paragraph has a background color of #30aef8.

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

#30aef8 border color

This element has a border color of #30aef8.

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

CSS codes

.text {color:#30aef8;}

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

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

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, #000102 is the darkest color, while #eef8fe is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#010d15
```
#010d15 rgb(1,13,21)
```
#011928
```
#011928 rgb(1,25,40)
```
#02263b
```
#02263b rgb(2,38,59)
```
#03324e
```
#03324e rgb(3,50,78)
```
#033e61
```
#033e61 rgb(3,62,97)
```
#044a74
```
#044a74 rgb(4,74,116)
```
#055687
```
#055687 rgb(5,86,135)
```
#05639a
```
#05639a rgb(5,99,154)
```
#066fac
```
#066fac rgb(6,111,172)
```
#067bbf
```
#067bbf rgb(6,123,191)
```
#0787d2
```
#0787d2 rgb(7,135,210)
```
#0893e5
```
#0893e5 rgb(8,147,229)
```

Shade Color Variation

#0a9ff7
```
#0a9ff7 rgb(10,159,247)
```
#1da7f7
```
#1da7f7 rgb(29,167,247)
```
#30aef8
```
#30aef8 rgb(48,174,248)
```
#43b5f9
```
#43b5f9 rgb(67,181,249)
```
#56bdf9
```
#56bdf9 rgb(86,189,249)
```
#69c4fa
```
#69c4fa rgb(105,196,250)
```
#7cccfb
```
#7cccfb rgb(124,204,251)
```
#8fd3fb
```
#8fd3fb rgb(143,211,251)
```
#a2dbfc
```
#a2dbfc rgb(162,219,252)
```
#b5e2fc
```
#b5e2fc rgb(181,226,252)
```
#c8e9fd
```
#c8e9fd rgb(200,233,253)
```
#dbf1fe
```
#dbf1fe rgb(219,241,254)
```
#eef8fe
```
#eef8fe rgb(238,248,254)
```

Tint Color Variation

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

#939495
```
#939495 rgb(147,148,149)
```
#8b969d
```
#8b969d rgb(139,150,157)
```
#8299a6
```
#8299a6 rgb(130,153,166)
```
#7a9bae
```
#7a9bae rgb(122,155,174)
```
#729db6
```
#729db6 rgb(114,157,182)
```
#6a9fbe
```
#6a9fbe rgb(106,159,190)
```
#61a1c7
```
#61a1c7 rgb(97,161,199)
```
#59a3cf
```
#59a3cf rgb(89,163,207)
```
#51a5d7
```
#51a5d7 rgb(81,165,215)
```
#49a8df
```
#49a8df rgb(73,168,223)
```
#40aae8
```
#40aae8 rgb(64,170,232)
```
#38acf0
```
#38acf0 rgb(56,172,240)
```
#30aef8
```
#30aef8 rgb(48,174,248)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7e97a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa7f0 Protanopia 1% of men
#7ca9fb Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#6ca9f3 Protanomaly 1% of men, 0.01% of women
#60abfa Deuteranomaly 6% of men, 0.4% of women
#11b5d8 Tritanomaly 0.01% of the population

#30aef8 hex color

#30aef8 Color Information

#30aef8 Color Conversion

Color Schemes with #30aef8

Alternatives to #30aef8

#30aef8 Preview

Shades and Tints of #30aef8

Tones of #30aef8

Color Blindness Simulator