#72aaff hex color

In a RGB color space, hex #72aaff is composed of 44.7% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 216.2 degrees, a saturation of 100% and a lightness of 72.4%. #72aaff color hex could be obtained by blending #e4ffff with #0055ff. Closest websafe color is: #6699ff.

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

● #72aaff color description : Very light blue.

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

Hex triplet	72aaff	`#72aaff`
RGB Decimal	114, 170, 255	`rgb(114,170,255)`
RGB Percent	44.7, 66.7, 100	`rgb(44.7%,66.7%,100%)`
CMYK	55, 33, 0, 0
HSL	216.2°, 100, 72.4	`hsl(216.2,100%,72.4%)`
HSV (or HSB)	216.2°, 55.3, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.144, 5.686, -47.71
XYZ	39.36, 39.545, 100.161
xyY	0.22, 0.221, 39.545
CIE-LCH	69.144, 48.048, 276.796
CIE-LUV	69.144, -26.153, -78.096
Hunter-Lab	62.885, 1.677, -50.416
Binary	01110010, 10101010, 11111111

#72aaff
```
#72aaff rgb(114,170,255)
```
#ffc772
```
#ffc772 rgb(255,199,114)
```

Complementary Color

#72f1ff
```
#72f1ff rgb(114,241,255)
```
#72aaff
```
#72aaff rgb(114,170,255)
```
#8172ff
```
#8172ff rgb(129,114,255)
```

Analogous Color

#f1ff72
```
#f1ff72 rgb(241,255,114)
```
#72aaff
```
#72aaff rgb(114,170,255)
```
#ff8172
```
#ff8172 rgb(255,129,114)
```

Split Complementary Color

#aaff72
```
#aaff72 rgb(170,255,114)
```
#72aaff
```
#72aaff rgb(114,170,255)
```
#ff72aa
```
#ff72aa rgb(255,114,170)
```

Triadic Color

#72ffc7
```
#72ffc7 rgb(114,255,199)
```
#72aaff
```
#72aaff rgb(114,170,255)
```
#ff72aa
```
#ff72aa rgb(255,114,170)
```
#ffc772
```
#ffc772 rgb(255,199,114)
```

Tetradic Color

#267cff
```
#267cff rgb(38,124,255)
```
#3f8bff
```
#3f8bff rgb(63,139,255)
```
#599bff
```
#599bff rgb(89,155,255)
```
#72aaff
```
#72aaff rgb(114,170,255)
```
#8cb9ff
```
#8cb9ff rgb(140,185,255)
```
#a5c9ff
```
#a5c9ff rgb(165,201,255)
```
#bfd8ff
```
#bfd8ff rgb(191,216,255)
```

Monochromatic Color

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

#72cdff
```
#72cdff rgb(114,205,255)
```
#72c2ff
```
#72c2ff rgb(114,194,255)
```
#72b6ff
```
#72b6ff rgb(114,182,255)
```
#72aaff
```
#72aaff rgb(114,170,255)
```
#729eff
```
#729eff rgb(114,158,255)
```
#7293ff
```
#7293ff rgb(114,147,255)
```
#7287ff
```
#7287ff rgb(114,135,255)
```

Similar Colors

Text with hexadecimal color #72aaff

This text has a font color of #72aaff.

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

#72aaff background color

This paragraph has a background color of #72aaff.

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

#72aaff border color

This element has a border color of #72aaff.

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

CSS codes

.text {color:#72aaff;}

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

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

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

#000610
```
#000610 rgb(0,6,16)
```
#000e24
```
#000e24 rgb(0,14,36)
```
#001637
```
#001637 rgb(0,22,55)
```
#001e4b
```
#001e4b rgb(0,30,75)
```
#00255e
```
#00255e rgb(0,37,94)
```
#002d72
```
#002d72 rgb(0,45,114)
```
#003586
```
#003586 rgb(0,53,134)
```
#003d99
```
#003d99 rgb(0,61,153)
```
#0045ad
```
#0045ad rgb(0,69,173)
```
#004cc0
```
#004cc0 rgb(0,76,192)
```
#0054d4
```
#0054d4 rgb(0,84,212)
```
#005ce8
```
#005ce8 rgb(0,92,232)
```
#0064fb
```
#0064fb rgb(0,100,251)
```

Shade Color Variation

#106fff
```
#106fff rgb(16,111,255)
```
#247bff
```
#247bff rgb(36,123,255)
```
#3787ff
```
#3787ff rgb(55,135,255)
```
#4b92ff
```
#4b92ff rgb(75,146,255)
```
#5e9eff
```
#5e9eff rgb(94,158,255)
```
#72aaff
```
#72aaff rgb(114,170,255)
```
#86b6ff
```
#86b6ff rgb(134,182,255)
```
#99c2ff
```
#99c2ff rgb(153,194,255)
```
#adcdff
```
#adcdff rgb(173,205,255)
```
#c0d9ff
```
#c0d9ff rgb(192,217,255)
```
#d4e5ff
```
#d4e5ff rgb(212,229,255)
```
#e8f1ff
```
#e8f1ff rgb(232,241,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#b3b7be
```
#b3b7be rgb(179,183,190)
```
#aeb6c3
```
#aeb6c3 rgb(174,182,195)
```
#a8b5c9
```
#a8b5c9 rgb(168,181,201)
```
#a3b4ce
```
#a3b4ce rgb(163,180,206)
```
#9db3d4
```
#9db3d4 rgb(157,179,212)
```
#98b2d9
```
#98b2d9 rgb(152,178,217)
```
#93b1de
```
#93b1de rgb(147,177,222)
```
#8db0e4
```
#8db0e4 rgb(141,176,228)
```
#88aee9
```
#88aee9 rgb(136,174,233)
```
#82adef
```
#82adef rgb(130,173,239)
```
#7dacf4
```
#7dacf4 rgb(125,172,244)
```
#77abfa
```
#77abfa rgb(119,171,250)
```
#72aaff
```
#72aaff rgb(114,170,255)
```

Tone Color Variation

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

#8eaafc Protanopia 1% of men
#81acff Deuteranopia 1% of men
#5dbac7 Tritanopia 0.001% of the population

Trichromacy

#84aafd Protanomaly 1% of men, 0.01% of women
#7babff Deuteranomaly 6% of men, 0.4% of women
#65b4db Tritanomaly 0.01% of the population

#72aaff hex color

#72aaff Color Information

#72aaff Color Conversion

Color Schemes with #72aaff

Alternatives to #72aaff

#72aaff Preview

Shades and Tints of #72aaff

Tones of #72aaff

Color Blindness Simulator