#30aefd hex color

In a RGB color space, hex #30aefd is composed of 18.8% red, 68.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 31.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 203.1 degrees, a saturation of 98.1% and a lightness of 59%. #30aefd color hex could be obtained by blending #60ffff with #005dfb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 68
- B 99
RGB color chart
- C 81
- M 31
- Y 0
- K 1
CMYK color chart

● #30aefd color description : Bright blue.

The hexadecimal color #30aefd has RGB values of R:48, G:174, B:253 and CMYK values of C:0.81, M:0.31, Y:0, K:0.01. Its decimal value is 3190525.

Hex triplet	30aefd	`#30aefd`
RGB Decimal	48, 174, 253	`rgb(48,174,253)`
RGB Percent	18.8, 68.2, 99.2	`rgb(18.8%,68.2%,99.2%)`
CMYK	81, 31, 0, 1
HSL	203.1°, 98.1, 59	`hsl(203.1,98.1%,59%)`
HSV (or HSB)	203.1°, 81, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.013, -6.909, -48.553
XYZ	34.08, 37.989, 98.46
xyY	0.2, 0.223, 37.989
CIE-LCH	68.013, 49.042, 261.902
CIE-LUV	68.013, -40.896, -77.937
Hunter-Lab	61.635, -9.164, -51.568
Binary	00110000, 10101110, 11111101

#30aefd
```
#30aefd rgb(48,174,253)
```
#fd7f30
```
#fd7f30 rgb(253,127,48)
```

Complementary Color

#30fde6
```
#30fde6 rgb(48,253,230)
```
#30aefd
```
#30aefd rgb(48,174,253)
```
#3047fd
```
#3047fd rgb(48,71,253)
```

Analogous Color

#fde630
```
#fde630 rgb(253,230,48)
```
#30aefd
```
#30aefd rgb(48,174,253)
```
#fd3047
```
#fd3047 rgb(253,48,71)
```

Split Complementary Color

#aefd30
```
#aefd30 rgb(174,253,48)
```
#30aefd
```
#30aefd rgb(48,174,253)
```
#fd30ae
```
#fd30ae rgb(253,48,174)
```

Triadic Color

#30fd7f
```
#30fd7f rgb(48,253,127)
```
#30aefd
```
#30aefd rgb(48,174,253)
```
#fd30ae
```
#fd30ae rgb(253,48,174)
```
#fd7f30
```
#fd7f30 rgb(253,127,48)
```

Tetradic Color

#0289de
```
#0289de rgb(2,137,222)
```
#0299f8
```
#0299f8 rgb(2,153,248)
```
#17a4fd
```
#17a4fd rgb(23,164,253)
```
#30aefd
```
#30aefd rgb(48,174,253)
```
#49b8fd
```
#49b8fd rgb(73,184,253)
```
#63c2fd
```
#63c2fd rgb(99,194,253)
```
#7cccfe
```
#7cccfe rgb(124,204,254)
```

Monochromatic Color

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

#30e1fd
```
#30e1fd rgb(48,225,253)
```
#30d0fd
```
#30d0fd rgb(48,208,253)
```
#30bffd
```
#30bffd rgb(48,191,253)
```
#30aefd
```
#30aefd rgb(48,174,253)
```
#309dfd
```
#309dfd rgb(48,157,253)
```
#308cfd
```
#308cfd rgb(48,140,253)
```
#307bfd
```
#307bfd rgb(48,123,253)
```

Similar Colors

Text with hexadecimal color #30aefd

This text has a font color of #30aefd.

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

#30aefd background color

This paragraph has a background color of #30aefd.

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

#30aefd border color

This element has a border color of #30aefd.

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

CSS codes

.text {color:#30aefd;}

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

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

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

#000407
```
#000407 rgb(0,4,7)
```
#00101a
```
#00101a rgb(0,16,26)
```
#001c2e
```
#001c2e rgb(0,28,46)
```
#012841
```
#012841 rgb(1,40,65)
```
#013454
```
#013454 rgb(1,52,84)
```
#014068
```
#014068 rgb(1,64,104)
```
#014c7b
```
#014c7b rgb(1,76,123)
```
#01588f
```
#01588f rgb(1,88,143)
```
#0264a2
```
#0264a2 rgb(2,100,162)
```
#0270b6
```
#0270b6 rgb(2,112,182)
```
#027cc9
```
#027cc9 rgb(2,124,201)
```
#0288dc
```
#0288dc rgb(2,136,220)
```
#0294f0
```
#0294f0 rgb(2,148,240)
```

Shade Color Variation

#099ffd
```
#099ffd rgb(9,159,253)
```
#1da6fd
```
#1da6fd rgb(29,166,253)
```
#30aefd
```
#30aefd rgb(48,174,253)
```
#43b6fd
```
#43b6fd rgb(67,182,253)
```
#57bdfd
```
#57bdfd rgb(87,189,253)
```
#6ac5fe
```
#6ac5fe rgb(106,197,254)
```
#7eccfe
```
#7eccfe rgb(126,204,254)
```
#91d4fe
```
#91d4fe rgb(145,212,254)
```
#a5dcfe
```
#a5dcfe rgb(165,220,254)
```
#b8e3fe
```
#b8e3fe rgb(184,227,254)
```
#cbebff
```
#cbebff rgb(203,235,255)
```
#dff2ff
```
#dff2ff rgb(223,242,255)
```
#f2faff
```
#f2faff rgb(242,250,255)
```

Tint Color Variation

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

#90989d
```
#90989d rgb(144,152,157)
```
#889aa5
```
#889aa5 rgb(136,154,165)
```
#809cad
```
#809cad rgb(128,156,173)
```
#789db5
```
#789db5 rgb(120,157,181)
```
#709fbd
```
#709fbd rgb(112,159,189)
```
#68a1c5
```
#68a1c5 rgb(104,161,197)
```
#60a3cd
```
#60a3cd rgb(96,163,205)
```
#58a5d5
```
#58a5d5 rgb(88,165,213)
```
#50a7dd
```
#50a7dd rgb(80,167,221)
```
#48a8e5
```
#48a8e5 rgb(72,168,229)
```
#40aaed
```
#40aaed rgb(64,170,237)
```
#38acf5
```
#38acf5 rgb(56,172,245)
```
#30aefd
```
#30aefd rgb(48,174,253)
```

Tone Color Variation

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

Dichromacy

#8da7f5 Protanopia 1% of men
#79aaff Deuteranopia 1% of men
#00bbc7 Tritanopia 0.001% of the population

Trichromacy

#6baaf8 Protanomaly 1% of men, 0.01% of women
#5eabfe Deuteranomaly 6% of men, 0.4% of women
#11b6db Tritanomaly 0.01% of the population

#30aefd hex color

#30aefd Color Information

#30aefd Color Conversion

Color Schemes with #30aefd

Alternatives to #30aefd

#30aefd Preview

Shades and Tints of #30aefd

Tones of #30aefd

Color Blindness Simulator