#72a2ff hex color

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

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

● #72a2ff color description : Very light blue.

The hexadecimal color #72a2ff has RGB values of R:114, G:162, B:255 and CMYK values of C:0.55, M:0.36, Y:0, K:0. Its decimal value is 7512831.

Hex triplet	72a2ff	`#72a2ff`
RGB Decimal	114, 162, 255	`rgb(114,162,255)`
RGB Percent	44.7, 63.5, 100	`rgb(44.7%,63.5%,100%)`
CMYK	55, 36, 0, 0
HSL	219.6°, 100, 72.4	`hsl(219.6,100%,72.4%)`
HSV (or HSB)	219.6°, 55.3, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.003, 10.266, -51.087
XYZ	37.906, 36.636, 99.676
xyY	0.218, 0.21, 36.636
CIE-LCH	67.003, 52.109, 281.362
CIE-LUV	67.003, -23.343, -83.956
Hunter-Lab	60.528, 5.863, -55.269
Binary	01110010, 10100010, 11111111

#72a2ff
```
#72a2ff rgb(114,162,255)
```
#ffcf72
```
#ffcf72 rgb(255,207,114)
```

Complementary Color

#72e9ff
```
#72e9ff rgb(114,233,255)
```
#72a2ff
```
#72a2ff rgb(114,162,255)
```
#8972ff
```
#8972ff rgb(137,114,255)
```

Analogous Color

#e9ff72
```
#e9ff72 rgb(233,255,114)
```
#72a2ff
```
#72a2ff rgb(114,162,255)
```
#ff8972
```
#ff8972 rgb(255,137,114)
```

Split Complementary Color

#a2ff72
```
#a2ff72 rgb(162,255,114)
```
#72a2ff
```
#72a2ff rgb(114,162,255)
```
#ff72a2
```
#ff72a2 rgb(255,114,162)
```

Triadic Color

#72ffcf
```
#72ffcf rgb(114,255,207)
```
#72a2ff
```
#72a2ff rgb(114,162,255)
```
#ff72a2
```
#ff72a2 rgb(255,114,162)
```
#ffcf72
```
#ffcf72 rgb(255,207,114)
```

Tetradic Color

#2670ff
```
#2670ff rgb(38,112,255)
```
#3f80ff
```
#3f80ff rgb(63,128,255)
```
#5991ff
```
#5991ff rgb(89,145,255)
```
#72a2ff
```
#72a2ff rgb(114,162,255)
```
#8cb3ff
```
#8cb3ff rgb(140,179,255)
```
#a5c4ff
```
#a5c4ff rgb(165,196,255)
```
#bfd4ff
```
#bfd4ff rgb(191,212,255)
```

Monochromatic Color

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

#72c5ff
```
#72c5ff rgb(114,197,255)
```
#72baff
```
#72baff rgb(114,186,255)
```
#72aeff
```
#72aeff rgb(114,174,255)
```
#72a2ff
```
#72a2ff rgb(114,162,255)
```
#7296ff
```
#7296ff rgb(114,150,255)
```
#728bff
```
#728bff rgb(114,139,255)
```
#727fff
```
#727fff rgb(114,127,255)
```

Similar Colors

Text with hexadecimal color #72a2ff

This text has a font color of #72a2ff.

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

#72a2ff background color

This paragraph has a background color of #72a2ff.

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

#72a2ff border color

This element has a border color of #72a2ff.

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

CSS codes

.text {color:#72a2ff;}

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

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

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

#000510
```
#000510 rgb(0,5,16)
```
#000c24
```
#000c24 rgb(0,12,36)
```
#001337
```
#001337 rgb(0,19,55)
```
#00194b
```
#00194b rgb(0,25,75)
```
#00205e
```
#00205e rgb(0,32,94)
```
#002772
```
#002772 rgb(0,39,114)
```
#002d86
```
#002d86 rgb(0,45,134)
```
#003499
```
#003499 rgb(0,52,153)
```
#003bad
```
#003bad rgb(0,59,173)
```
#0042c0
```
#0042c0 rgb(0,66,192)
```
#0048d4
```
#0048d4 rgb(0,72,212)
```
#004fe8
```
#004fe8 rgb(0,79,232)
```
#0056fb
```
#0056fb rgb(0,86,251)
```

Shade Color Variation

#1061ff
```
#1061ff rgb(16,97,255)
```
#246eff
```
#246eff rgb(36,110,255)
```
#377bff
```
#377bff rgb(55,123,255)
```
#4b88ff
```
#4b88ff rgb(75,136,255)
```
#5e95ff
```
#5e95ff rgb(94,149,255)
```
#72a2ff
```
#72a2ff rgb(114,162,255)
```
#86afff
```
#86afff rgb(134,175,255)
```
#99bcff
```
#99bcff rgb(153,188,255)
```
#adc9ff
```
#adc9ff rgb(173,201,255)
```
#c0d6ff
```
#c0d6ff rgb(192,214,255)
```
#d4e3ff
```
#d4e3ff rgb(212,227,255)
```
#e8f0ff
```
#e8f0ff rgb(232,240,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 #72a2ff is the most saturated one.

#b3b7be
```
#b3b7be rgb(179,183,190)
```
#aeb5c3
```
#aeb5c3 rgb(174,181,195)
```
#a8b3c9
```
#a8b3c9 rgb(168,179,201)
```
#a3b2ce
```
#a3b2ce rgb(163,178,206)
```
#9db0d4
```
#9db0d4 rgb(157,176,212)
```
#98aed9
```
#98aed9 rgb(152,174,217)
```
#93acde
```
#93acde rgb(147,172,222)
```
#8dabe4
```
#8dabe4 rgb(141,171,228)
```
#88a9e9
```
#88a9e9 rgb(136,169,233)
```
#82a7ef
```
#82a7ef rgb(130,167,239)
```
#7da5f4
```
#7da5f4 rgb(125,165,244)
```
#77a4fa
```
#77a4fa rgb(119,164,250)
```
#72a2ff
```
#72a2ff rgb(114,162,255)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#959fb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83a4fd Protanopia 1% of men
#73a8fe Deuteranopia 1% of men
#5ab4c1 Tritanopia 0.001% of the population

Trichromacy

#7da3fe Protanomaly 1% of men, 0.01% of women
#72a5fe Deuteranomaly 6% of men, 0.4% of women
#63add7 Tritanomaly 0.01% of the population

#72a2ff hex color

#72a2ff Color Information

#72a2ff Color Conversion

Color Schemes with #72a2ff

Alternatives to #72a2ff

#72a2ff Preview

Shades and Tints of #72a2ff

Tones of #72a2ff

Color Blindness Simulator