#72a3e2 hex color

In a RGB color space, hex #72a3e2 is composed of 44.7% red, 63.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 27.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 213.8 degrees, a saturation of 65.9% and a lightness of 66.7%. #72a3e2 color hex could be obtained by blending #e4ffff with #0047c5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 64
- B 89
RGB color chart
- C 50
- M 28
- Y 0
- K 11
CMYK color chart

● #72a3e2 color description : Soft blue.

The hexadecimal color #72a3e2 has RGB values of R:114, G:163, B:226 and CMYK values of C:0.5, M:0.28, Y:0, K:0.11. Its decimal value is 7513058.

Hex triplet	72a3e2	`#72a3e2`
RGB Decimal	114, 163, 226	`rgb(114,163,226)`
RGB Percent	44.7, 63.9, 88.6	`rgb(44.7%,63.9%,88.6%)`
CMYK	50, 28, 0, 11
HSL	213.8°, 65.9, 66.7	`hsl(213.8,65.9%,66.7%)`
HSV (or HSB)	213.8°, 49.6, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.951, 0.863, -36.871
XYZ	33.761, 35.261, 76.974
xyY	0.231, 0.242, 35.261
CIE-LCH	65.951, 36.881, 271.342
CIE-LUV	65.951, -23.727, -58.687
Hunter-Lab	59.381, -2.431, -35.29
Binary	01110010, 10100011, 11100010

#72a3e2
```
#72a3e2 rgb(114,163,226)
```
#e2b172
```
#e2b172 rgb(226,177,114)
```

Complementary Color

#72dbe2
```
#72dbe2 rgb(114,219,226)
```
#72a3e2
```
#72a3e2 rgb(114,163,226)
```
#7972e2
```
#7972e2 rgb(121,114,226)
```

Analogous Color

#dbe272
```
#dbe272 rgb(219,226,114)
```
#72a3e2
```
#72a3e2 rgb(114,163,226)
```
#e27972
```
#e27972 rgb(226,121,114)
```

Split Complementary Color

#a3e272
```
#a3e272 rgb(163,226,114)
```
#72a3e2
```
#72a3e2 rgb(114,163,226)
```
#e272a3
```
#e272a3 rgb(226,114,163)
```

Triadic Color

#72e2b1
```
#72e2b1 rgb(114,226,177)
```
#72a3e2
```
#72a3e2 rgb(114,163,226)
```
#e272a3
```
#e272a3 rgb(226,114,163)
```
#e2b172
```
#e2b172 rgb(226,177,114)
```

Tetradic Color

#337ad5
```
#337ad5 rgb(51,122,213)
```
#4887d9
```
#4887d9 rgb(72,135,217)
```
#5d95de
```
#5d95de rgb(93,149,222)
```
#72a3e2
```
#72a3e2 rgb(114,163,226)
```
#87b1e6
```
#87b1e6 rgb(135,177,230)
```
#9cbfeb
```
#9cbfeb rgb(156,191,235)
```
#b1ccef
```
#b1ccef rgb(177,204,239)
```

Monochromatic Color

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

#72bfe2
```
#72bfe2 rgb(114,191,226)
```
#72b6e2
```
#72b6e2 rgb(114,182,226)
```
#72ace2
```
#72ace2 rgb(114,172,226)
```
#72a3e2
```
#72a3e2 rgb(114,163,226)
```
#729ae2
```
#729ae2 rgb(114,154,226)
```
#7290e2
```
#7290e2 rgb(114,144,226)
```
#7287e2
```
#7287e2 rgb(114,135,226)
```

Similar Colors

Text with hexadecimal color #72a3e2

This text has a font color of #72a3e2.

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

#72a3e2 background color

This paragraph has a background color of #72a3e2.

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

#72a3e2 border color

This element has a border color of #72a3e2.

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

CSS codes

.text {color:#72a3e2;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#040c16
```
#040c16 rgb(4,12,22)
```
#081526
```
#081526 rgb(8,21,38)
```
#0b1e36
```
#0b1e36 rgb(11,30,54)
```
#0f2746
```
#0f2746 rgb(15,39,70)
```
#123057
```
#123057 rgb(18,48,87)
```
#153967
```
#153967 rgb(21,57,103)
```
#194277
```
#194277 rgb(25,66,119)
```
#1c4b88
```
#1c4b88 rgb(28,75,136)
```
#1f5498
```
#1f5498 rgb(31,84,152)
```
#235da8
```
#235da8 rgb(35,93,168)
```
#2666b8
```
#2666b8 rgb(38,102,184)
```
#296fc9
```
#296fc9 rgb(41,111,201)
```

Shade Color Variation

#3179d5
```
#3179d5 rgb(49,121,213)
```
#4183d8
```
#4183d8 rgb(65,131,216)
```
#518edb
```
#518edb rgb(81,142,219)
```
#6298df
```
#6298df rgb(98,152,223)
```
#72a3e2
```
#72a3e2 rgb(114,163,226)
```
#82aee5
```
#82aee5 rgb(130,174,229)
```
#93b8e9
```
#93b8e9 rgb(147,184,233)
```
#a3c3ec
```
#a3c3ec rgb(163,195,236)
```
#b3cdef
```
#b3cdef rgb(179,205,239)
```
#c3d8f3
```
#c3d8f3 rgb(195,216,243)
```
#d4e3f6
```
#d4e3f6 rgb(212,227,246)
```
#e4edf9
```
#e4edf9 rgb(228,237,249)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```

Tint Color Variation

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

#a6aaae
```
#a6aaae rgb(166,170,174)
```
#a0a9b4
```
#a0a9b4 rgb(160,169,180)
```
#99a8bb
```
#99a8bb rgb(153,168,187)
```
#93a7c1
```
#93a7c1 rgb(147,167,193)
```
#8ca6c8
```
#8ca6c8 rgb(140,166,200)
```
#86a5ce
```
#86a5ce rgb(134,165,206)
```
#7fa5d5
```
#7fa5d5 rgb(127,165,213)
```
#79a4db
```
#79a4db rgb(121,164,219)
```
#72a3e2
```
#72a3e2 rgb(114,163,226)
```
#6ba2e9
```
#6ba2e9 rgb(107,162,233)
```
#65a1ef
```
#65a1ef rgb(101,161,239)
```
#5ea1f6
```
#5ea1f6 rgb(94,161,246)
```
#58a0fc
```
#58a0fc rgb(88,160,252)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#949daa Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a3e0 Protanopia 1% of men
#8aa3e5 Deuteranopia 1% of men
#69afbc Tritanopia 0.001% of the population

Trichromacy

#85a3e0 Protanomaly 1% of men, 0.01% of women
#81a3e3 Deuteranomaly 6% of men, 0.4% of women
#6cabca Tritanomaly 0.01% of the population

#72a3e2 hex color

#72a3e2 Color Information

#72a3e2 Color Conversion

Color Schemes with #72a3e2

Alternatives to #72a3e2

#72a3e2 Preview

Shades and Tints of #72a3e2

Tones of #72a3e2

Color Blindness Simulator