#72aafd hex color

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

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

● #72aafd color description : Soft blue.

The hexadecimal color #72aafd has RGB values of R:114, G:170, B:253 and CMYK values of C:0.55, M:0.33, Y:0, K:0.01. Its decimal value is 7514877.

Hex triplet	72aafd	`#72aafd`
RGB Decimal	114, 170, 253	`rgb(114,170,253)`
RGB Percent	44.7, 66.7, 99.2	`rgb(44.7%,66.7%,99.2%)`
CMYK	55, 33, 0, 1
HSL	215.8°, 97.2, 72	`hsl(215.8,97.2%,72%)`
HSV (or HSB)	215.8°, 54.9, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.052, 5.069, -46.771
XYZ	39.04, 39.417, 98.474
xyY	0.221, 0.223, 39.417
CIE-LCH	69.052, 47.045, 276.185
CIE-LUV	69.052, -26.166, -76.408
Hunter-Lab	62.783, 1.126, -49.048
Binary	01110010, 10101010, 11111101

#72aafd
```
#72aafd rgb(114,170,253)
```
#fdc572
```
#fdc572 rgb(253,197,114)
```

Complementary Color

#72f0fd
```
#72f0fd rgb(114,240,253)
```
#72aafd
```
#72aafd rgb(114,170,253)
```
#8072fd
```
#8072fd rgb(128,114,253)
```

Analogous Color

#f0fd72
```
#f0fd72 rgb(240,253,114)
```
#72aafd
```
#72aafd rgb(114,170,253)
```
#fd8072
```
#fd8072 rgb(253,128,114)
```

Split Complementary Color

#aafd72
```
#aafd72 rgb(170,253,114)
```
#72aafd
```
#72aafd rgb(114,170,253)
```
#fd72aa
```
#fd72aa rgb(253,114,170)
```

Triadic Color

#72fdc5
```
#72fdc5 rgb(114,253,197)
```
#72aafd
```
#72aafd rgb(114,170,253)
```
#fd72aa
```
#fd72aa rgb(253,114,170)
```
#fdc572
```
#fdc572 rgb(253,197,114)
```

Tetradic Color

#277dfc
```
#277dfc rgb(39,125,252)
```
#408cfc
```
#408cfc rgb(64,140,252)
```
#599bfd
```
#599bfd rgb(89,155,253)
```
#72aafd
```
#72aafd rgb(114,170,253)
```
#8bb9fd
```
#8bb9fd rgb(139,185,253)
```
#a4c8fe
```
#a4c8fe rgb(164,200,254)
```
#bdd7fe
```
#bdd7fe rgb(189,215,254)
```

Monochromatic Color

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

#72cdfd
```
#72cdfd rgb(114,205,253)
```
#72c1fd
```
#72c1fd rgb(114,193,253)
```
#72b6fd
```
#72b6fd rgb(114,182,253)
```
#72aafd
```
#72aafd rgb(114,170,253)
```
#729efd
```
#729efd rgb(114,158,253)
```
#7293fd
```
#7293fd rgb(114,147,253)
```
#7287fd
```
#7287fd rgb(114,135,253)
```

Similar Colors

Text with hexadecimal color #72aafd

This text has a font color of #72aafd.

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

#72aafd background color

This paragraph has a background color of #72aafd.

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

#72aafd border color

This element has a border color of #72aafd.

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

CSS codes

.text {color:#72aafd;}

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

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

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)
```
#000e21
```
#000e21 rgb(0,14,33)
```
#011634
```
#011634 rgb(1,22,52)
```
#011e48
```
#011e48 rgb(1,30,72)
```
#01255b
```
#01255b rgb(1,37,91)
```
#022d6e
```
#022d6e rgb(2,45,110)
```
#023582
```
#023582 rgb(2,53,130)
```
#023d95
```
#023d95 rgb(2,61,149)
```
#0245a8
```
#0245a8 rgb(2,69,168)
```
#034dbc
```
#034dbc rgb(3,77,188)
```
#0355cf
```
#0355cf rgb(3,85,207)
```
#035de2
```
#035de2 rgb(3,93,226)
```
#0365f6
```
#0365f6 rgb(3,101,246)
```

Shade Color Variation

#1170fc
```
#1170fc rgb(17,112,252)
```
#257bfc
```
#257bfc rgb(37,123,252)
```
#3887fc
```
#3887fc rgb(56,135,252)
```
#4b93fc
```
#4b93fc rgb(75,147,252)
```
#5f9efd
```
#5f9efd rgb(95,158,253)
```
#72aafd
```
#72aafd rgb(114,170,253)
```
#85b6fd
```
#85b6fd rgb(133,182,253)
```
#99c1fe
```
#99c1fe rgb(153,193,254)
```
#accdfe
```
#accdfe rgb(172,205,254)
```
#bfd9fe
```
#bfd9fe rgb(191,217,254)
```
#d3e4fe
```
#d3e4fe rgb(211,228,254)
```
#e6f0ff
```
#e6f0ff rgb(230,240,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 #72aafd is the most saturated one.

#b4b7bb
```
#b4b7bb rgb(180,183,187)
```
#afb6c1
```
#afb6c1 rgb(175,182,193)
```
#a9b5c6
```
#a9b5c6 rgb(169,181,198)
```
#a4b4cc
```
#a4b4cc rgb(164,180,204)
```
#9eb3d1
```
#9eb3d1 rgb(158,179,209)
```
#99b1d7
```
#99b1d7 rgb(153,177,215)
```
#93b0dc
```
#93b0dc rgb(147,176,220)
```
#8eafe2
```
#8eafe2 rgb(142,175,226)
```
#88aee7
```
#88aee7 rgb(136,174,231)
```
#83aded
```
#83aded rgb(131,173,237)
```
#7dacf2
```
#7dacf2 rgb(125,172,242)
```
#78abf8
```
#78abf8 rgb(120,171,248)
```
#72aafd
```
#72aafd rgb(114,170,253)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#99a4b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8faafa Protanopia 1% of men
#82acfd Deuteranopia 1% of men
#5eb9c7 Tritanopia 0.001% of the population

Trichromacy

#84aafb Protanomaly 1% of men, 0.01% of women
#7cabfd Deuteranomaly 6% of men, 0.4% of women
#65b4da Tritanomaly 0.01% of the population

#72aafd hex color

#72aafd Color Information

#72aafd Color Conversion

Color Schemes with #72aafd

Alternatives to #72aafd

#72aafd Preview

Shades and Tints of #72aafd

Tones of #72aafd

Color Blindness Simulator