#72aefd hex color

In a RGB color space, hex #72aefd is composed of 44.7% red, 68.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 31.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 214.1 degrees, a saturation of 97.2% and a lightness of 72%. #72aefd color hex could be obtained by blending #e4ffff with #005dfb. Closest websafe color is: #6699ff.

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

● #72aefd color description : Soft blue.

The hexadecimal color #72aefd has RGB values of R:114, G:174, B:253 and CMYK values of C:0.55, M:0.31, Y:0, K:0.01. Its decimal value is 7515901.

Hex triplet	72aefd	`#72aefd`
RGB Decimal	114, 174, 253	`rgb(114,174,253)`
RGB Percent	44.7, 68.2, 99.2	`rgb(44.7%,68.2%,99.2%)`
CMYK	55, 31, 0, 1
HSL	214.1°, 97.2, 72	`hsl(214.1,97.2%,72%)`
HSV (or HSB)	214.1°, 54.9, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.133, 2.808, -45.073
XYZ	39.801, 40.939, 98.728
xyY	0.222, 0.228, 40.939
CIE-LCH	70.133, 45.16, 273.565
CIE-LUV	70.133, -27.597, -73.414
Hunter-Lab	63.984, -0.935, -46.697
Binary	01110010, 10101110, 11111101

#72aefd
```
#72aefd rgb(114,174,253)
```
#fdc172
```
#fdc172 rgb(253,193,114)
```

Complementary Color

#72f4fd
```
#72f4fd rgb(114,244,253)
```
#72aefd
```
#72aefd rgb(114,174,253)
```
#7c72fd
```
#7c72fd rgb(124,114,253)
```

Analogous Color

#f4fd72
```
#f4fd72 rgb(244,253,114)
```
#72aefd
```
#72aefd rgb(114,174,253)
```
#fd7c72
```
#fd7c72 rgb(253,124,114)
```

Split Complementary Color

#aefd72
```
#aefd72 rgb(174,253,114)
```
#72aefd
```
#72aefd rgb(114,174,253)
```
#fd72ae
```
#fd72ae rgb(253,114,174)
```

Triadic Color

#72fdc1
```
#72fdc1 rgb(114,253,193)
```
#72aefd
```
#72aefd rgb(114,174,253)
```
#fd72ae
```
#fd72ae rgb(253,114,174)
```
#fdc172
```
#fdc172 rgb(253,193,114)
```

Tetradic Color

#2783fc
```
#2783fc rgb(39,131,252)
```
#4091fc
```
#4091fc rgb(64,145,252)
```
#59a0fd
```
#59a0fd rgb(89,160,253)
```
#72aefd
```
#72aefd rgb(114,174,253)
```
#8bbcfd
```
#8bbcfd rgb(139,188,253)
```
#a4cbfe
```
#a4cbfe rgb(164,203,254)
```
#bdd9fe
```
#bdd9fe rgb(189,217,254)
```

Monochromatic Color

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

#72d1fd
```
#72d1fd rgb(114,209,253)
```
#72c5fd
```
#72c5fd rgb(114,197,253)
```
#72bafd
```
#72bafd rgb(114,186,253)
```
#72aefd
```
#72aefd rgb(114,174,253)
```
#72a2fd
```
#72a2fd rgb(114,162,253)
```
#7297fd
```
#7297fd rgb(114,151,253)
```
#728bfd
```
#728bfd rgb(114,139,253)
```

Similar Colors

Text with hexadecimal color #72aefd

This text has a font color of #72aefd.

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

#72aefd background color

This paragraph has a background color of #72aefd.

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

#72aefd border color

This element has a border color of #72aefd.

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

CSS codes

.text {color:#72aefd;}

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

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

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, #00060e is the darkest color, while #f9fcff is the lightest one.

#00060e
```
#00060e rgb(0,6,14)
```
#000f21
```
#000f21 rgb(0,15,33)
```
#011734
```
#011734 rgb(1,23,52)
```
#012048
```
#012048 rgb(1,32,72)
```
#01285b
```
#01285b rgb(1,40,91)
```
#02316e
```
#02316e rgb(2,49,110)
```
#023982
```
#023982 rgb(2,57,130)
```
#024295
```
#024295 rgb(2,66,149)
```
#024aa8
```
#024aa8 rgb(2,74,168)
```
#0353bc
```
#0353bc rgb(3,83,188)
```
#035bcf
```
#035bcf rgb(3,91,207)
```
#0364e2
```
#0364e2 rgb(3,100,226)
```
#036cf6
```
#036cf6 rgb(3,108,246)
```

Shade Color Variation

#1176fc
```
#1176fc rgb(17,118,252)
```
#2582fc
```
#2582fc rgb(37,130,252)
```
#388dfc
```
#388dfc rgb(56,141,252)
```
#4b98fc
```
#4b98fc rgb(75,152,252)
```
#5fa3fd
```
#5fa3fd rgb(95,163,253)
```
#72aefd
```
#72aefd rgb(114,174,253)
```
#85b9fd
```
#85b9fd rgb(133,185,253)
```
#99c4fe
```
#99c4fe rgb(153,196,254)
```
#accffe
```
#accffe rgb(172,207,254)
```
#bfdafe
```
#bfdafe rgb(191,218,254)
```
#d3e6fe
```
#d3e6fe rgb(211,230,254)
```
#e6f1ff
```
#e6f1ff rgb(230,241,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#b4b7bb
```
#b4b7bb rgb(180,183,187)
```
#afb6c1
```
#afb6c1 rgb(175,182,193)
```
#a9b6c6
```
#a9b6c6 rgb(169,182,198)
```
#a4b5cc
```
#a4b5cc rgb(164,181,204)
```
#9eb4d1
```
#9eb4d1 rgb(158,180,209)
```
#99b3d7
```
#99b3d7 rgb(153,179,215)
```
#93b3dc
```
#93b3dc rgb(147,179,220)
```
#8eb2e2
```
#8eb2e2 rgb(142,178,226)
```
#88b1e7
```
#88b1e7 rgb(136,177,231)
```
#83b0ed
```
#83b0ed rgb(131,176,237)
```
#7db0f2
```
#7db0f2 rgb(125,176,242)
```
#78aff8
```
#78aff8 rgb(120,175,248)
```
#72aefd
```
#72aefd rgb(114,174,253)
```

Tone Color Variation

Below, you can see how #72aefd 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

#a5a5a5 Achromatopsia 0.005% of the population
#9ba7b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94adf9 Protanopia 1% of men
#88affe Deuteranopia 1% of men
#60bcca Tritanopia 0.001% of the population

Trichromacy

#87adfa Protanomaly 1% of men, 0.01% of women
#80aefd Deuteranomaly 6% of men, 0.4% of women
#66b7dc Tritanomaly 0.01% of the population

#72aefd hex color

#72aefd Color Information

#72aefd Color Conversion

Color Schemes with #72aefd

Alternatives to #72aefd

#72aefd Preview

Shades and Tints of #72aefd

Tones of #72aefd

Color Blindness Simulator