#72aaf9 hex color

In a RGB color space, hex #72aaf9 is composed of 44.7% red, 66.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 31.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 215.1 degrees, a saturation of 91.8% and a lightness of 71.2%. #72aaf9 color hex could be obtained by blending #e4ffff with #0055f3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 67
- B 98
RGB color chart
- C 54
- M 32
- Y 0
- K 2
CMYK color chart

● #72aaf9 color description : Soft blue.

The hexadecimal color #72aaf9 has RGB values of R:114, G:170, B:249 and CMYK values of C:0.54, M:0.32, Y:0, K:0.02. Its decimal value is 7514873.

Hex triplet	72aaf9	`#72aaf9`
RGB Decimal	114, 170, 249	`rgb(114,170,249)`
RGB Percent	44.7, 66.7, 97.6	`rgb(44.7%,66.7%,97.6%)`
CMYK	54, 32, 0, 2
HSL	215.1°, 91.8, 71.2	`hsl(215.1,91.8%,71.2%)`
HSV (or HSB)	215.1°, 54.2, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.87, 3.84, -44.885
XYZ	38.409, 39.164, 95.153
xyY	0.222, 0.227, 39.164
CIE-LCH	68.87, 45.049, 274.89
CIE-LUV	68.87, -26.192, -73.024
Hunter-Lab	62.581, 0.037, -46.341
Binary	01110010, 10101010, 11111001

#72aaf9
```
#72aaf9 rgb(114,170,249)
```
#f9c172
```
#f9c172 rgb(249,193,114)
```

Complementary Color

#72eef9
```
#72eef9 rgb(114,238,249)
```
#72aaf9
```
#72aaf9 rgb(114,170,249)
```
#7e72f9
```
#7e72f9 rgb(126,114,249)
```

Analogous Color

#eef972
```
#eef972 rgb(238,249,114)
```
#72aaf9
```
#72aaf9 rgb(114,170,249)
```
#f97e72
```
#f97e72 rgb(249,126,114)
```

Split Complementary Color

#aaf972
```
#aaf972 rgb(170,249,114)
```
#72aaf9
```
#72aaf9 rgb(114,170,249)
```
#f972aa
```
#f972aa rgb(249,114,170)
```

Triadic Color

#72f9c1
```
#72f9c1 rgb(114,249,193)
```
#72aaf9
```
#72aaf9 rgb(114,170,249)
```
#f972aa
```
#f972aa rgb(249,114,170)
```
#f9c172
```
#f9c172 rgb(249,193,114)
```

Tetradic Color

#297ef6
```
#297ef6 rgb(41,126,246)
```
#418df7
```
#418df7 rgb(65,141,247)
```
#5a9bf8
```
#5a9bf8 rgb(90,155,248)
```
#72aaf9
```
#72aaf9 rgb(114,170,249)
```
#8ab9fa
```
#8ab9fa rgb(138,185,250)
```
#a3c7fb
```
#a3c7fb rgb(163,199,251)
```
#bbd6fc
```
#bbd6fc rgb(187,214,252)
```

Monochromatic Color

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

#72ccf9
```
#72ccf9 rgb(114,204,249)
```
#72c1f9
```
#72c1f9 rgb(114,193,249)
```
#72b5f9
```
#72b5f9 rgb(114,181,249)
```
#72aaf9
```
#72aaf9 rgb(114,170,249)
```
#729ff9
```
#729ff9 rgb(114,159,249)
```
#7294f9
```
#7294f9 rgb(114,148,249)
```
#7288f9
```
#7288f9 rgb(114,136,249)
```

Similar Colors

Text with hexadecimal color #72aaf9

This text has a font color of #72aaf9.

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

#72aaf9 background color

This paragraph has a background color of #72aaf9.

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

#72aaf9 border color

This element has a border color of #72aaf9.

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

CSS codes

.text {color:#72aaf9;}

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

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

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, #00040a is the darkest color, while #f6f9ff is the lightest one.

#00040a
```
#00040a rgb(0,4,10)
```
#010c1c
```
#010c1c rgb(1,12,28)
```
#02152f
```
#02152f rgb(2,21,47)
```
#031d42
```
#031d42 rgb(3,29,66)
```
#042555
```
#042555 rgb(4,37,85)
```
#042e68
```
#042e68 rgb(4,46,104)
```
#05367a
```
#05367a rgb(5,54,122)
```
#063e8d
```
#063e8d rgb(6,62,141)
```
#0746a0
```
#0746a0 rgb(7,70,160)
```
#084fb3
```
#084fb3 rgb(8,79,179)
```
#0857c6
```
#0857c6 rgb(8,87,198)
```
#095fd8
```
#095fd8 rgb(9,95,216)
```
#0a67eb
```
#0a67eb rgb(10,103,235)
```

Shade Color Variation

#1471f5
```
#1471f5 rgb(20,113,245)
```
#277df6
```
#277df6 rgb(39,125,246)
```
#3a88f7
```
#3a88f7 rgb(58,136,247)
```
#4c93f7
```
#4c93f7 rgb(76,147,247)
```
#5f9ff8
```
#5f9ff8 rgb(95,159,248)
```
#72aaf9
```
#72aaf9 rgb(114,170,249)
```
#85b5fa
```
#85b5fa rgb(133,181,250)
```
#98c1fb
```
#98c1fb rgb(152,193,251)
```
#aaccfb
```
#aaccfb rgb(170,204,251)
```
#bdd7fc
```
#bdd7fc rgb(189,215,252)
```
#d0e3fd
```
#d0e3fd rgb(208,227,253)
```
#e3eefe
```
#e3eefe rgb(227,238,254)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#b0b5bb
```
#b0b5bb rgb(176,181,187)
```
#abb4c0
```
#abb4c0 rgb(171,180,192)
```
#a5b3c6
```
#a5b3c6 rgb(165,179,198)
```
#9fb2cc
```
#9fb2cc rgb(159,178,204)
```
#9ab1d1
```
#9ab1d1 rgb(154,177,209)
```
#94b0d7
```
#94b0d7 rgb(148,176,215)
```
#8eafdd
```
#8eafdd rgb(142,175,221)
```
#89aee2
```
#89aee2 rgb(137,174,226)
```
#83ade8
```
#83ade8 rgb(131,173,232)
```
#7dacee
```
#7dacee rgb(125,172,238)
```
#78abf3
```
#78abf3 rgb(120,171,243)
```
#72aaf9
```
#72aaf9 rgb(114,170,249)
```
#6ca9ff
```
#6ca9ff rgb(108,169,255)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#98a4b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91aaf6 Protanopia 1% of men
#85abfa Deuteranopia 1% of men
#60b9c6 Tritanopia 0.001% of the population

Trichromacy

#85aaf7 Protanomaly 1% of men, 0.01% of women
#7eabf9 Deuteranomaly 6% of men, 0.4% of women
#67b3d8 Tritanomaly 0.01% of the population

#72aaf9 hex color

#72aaf9 Color Information

#72aaf9 Color Conversion

Color Schemes with #72aaf9

Alternatives to #72aaf9

#72aaf9 Preview

Shades and Tints of #72aaf9

Tones of #72aaf9

Color Blindness Simulator