#72a3e1 hex color

In a RGB color space, hex #72a3e1 is composed of 44.7% red, 63.9% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 49.3% cyan, 27.6% magenta, 0% yellow and 11.8% black. It has a hue angle of 213.5 degrees, a saturation of 64.9% and a lightness of 66.5%. #72a3e1 color hex could be obtained by blending #e4ffff with #0047c3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 64
- B 88
RGB color chart
- C 49
- M 28
- Y 0
- K 12
CMYK color chart

● #72a3e1 color description : Soft blue.

The hexadecimal color #72a3e1 has RGB values of R:114, G:163, B:225 and CMYK values of C:0.49, M:0.28, Y:0, K:0.12. Its decimal value is 7513057.

Hex triplet	72a3e1	`#72a3e1`
RGB Decimal	114, 163, 225	`rgb(114,163,225)`
RGB Percent	44.7, 63.9, 88.2	`rgb(44.7%,63.9%,88.2%)`
CMYK	49, 28, 0, 12
HSL	213.5°, 64.9, 66.5	`hsl(213.5,64.9%,66.5%)`
HSV (or HSB)	213.5°, 49.3, 88.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.909, 0.567, -36.386
XYZ	33.624, 35.206, 76.254
xyY	0.232, 0.243, 35.206
CIE-LCH	65.909, 36.39, 270.893
CIE-LUV	65.909, -23.729, -57.831
Hunter-Lab	59.335, -2.683, -34.662
Binary	01110010, 10100011, 11100001

#72a3e1
```
#72a3e1 rgb(114,163,225)
```
#e1b072
```
#e1b072 rgb(225,176,114)
```

Complementary Color

#72dbe1
```
#72dbe1 rgb(114,219,225)
```
#72a3e1
```
#72a3e1 rgb(114,163,225)
```
#7972e1
```
#7972e1 rgb(121,114,225)
```

Analogous Color

#dbe172
```
#dbe172 rgb(219,225,114)
```
#72a3e1
```
#72a3e1 rgb(114,163,225)
```
#e17972
```
#e17972 rgb(225,121,114)
```

Split Complementary Color

#a3e172
```
#a3e172 rgb(163,225,114)
```
#72a3e1
```
#72a3e1 rgb(114,163,225)
```
#e172a3
```
#e172a3 rgb(225,114,163)
```

Triadic Color

#72e1b0
```
#72e1b0 rgb(114,225,176)
```
#72a3e1
```
#72a3e1 rgb(114,163,225)
```
#e172a3
```
#e172a3 rgb(225,114,163)
```
#e1b072
```
#e1b072 rgb(225,176,114)
```

Tetradic Color

#337ad4
```
#337ad4 rgb(51,122,212)
```
#4888d8
```
#4888d8 rgb(72,136,216)
```
#5d95dd
```
#5d95dd rgb(93,149,221)
```
#72a3e1
```
#72a3e1 rgb(114,163,225)
```
#87b1e5
```
#87b1e5 rgb(135,177,229)
```
#9cbeea
```
#9cbeea rgb(156,190,234)
```
#b1ccee
```
#b1ccee rgb(177,204,238)
```

Monochromatic Color

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

#72bfe1
```
#72bfe1 rgb(114,191,225)
```
#72b6e1
```
#72b6e1 rgb(114,182,225)
```
#72ace1
```
#72ace1 rgb(114,172,225)
```
#72a3e1
```
#72a3e1 rgb(114,163,225)
```
#729ae1
```
#729ae1 rgb(114,154,225)
```
#7291e1
```
#7291e1 rgb(114,145,225)
```
#7287e1
```
#7287e1 rgb(114,135,225)
```

Similar Colors

Text with hexadecimal color #72a3e1

This text has a font color of #72a3e1.

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

#72a3e1 background color

This paragraph has a background color of #72a3e1.

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

#72a3e1 border color

This element has a border color of #72a3e1.

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

CSS codes

.text {color:#72a3e1;}

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

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

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 #f3f7fd is the lightest one.

#010305
```
#010305 rgb(1,3,5)
```
#040c15
```
#040c15 rgb(4,12,21)
```
#081525
```
#081525 rgb(8,21,37)
```
#0b1e35
```
#0b1e35 rgb(11,30,53)
```
#0f2745
```
#0f2745 rgb(15,39,69)
```
#123055
```
#123055 rgb(18,48,85)
```
#163966
```
#163966 rgb(22,57,102)
```
#194276
```
#194276 rgb(25,66,118)
```
#1d4b86
```
#1d4b86 rgb(29,75,134)
```
#205496
```
#205496 rgb(32,84,150)
```
#235da6
```
#235da6 rgb(35,93,166)
```
#2766b6
```
#2766b6 rgb(39,102,182)
```
#2a6fc7
```
#2a6fc7 rgb(42,111,199)
```

Shade Color Variation

#3179d3
```
#3179d3 rgb(49,121,211)
```
#4183d7
```
#4183d7 rgb(65,131,215)
```
#528eda
```
#528eda rgb(82,142,218)
```
#6298de
```
#6298de rgb(98,152,222)
```
#72a3e1
```
#72a3e1 rgb(114,163,225)
```
#82aee4
```
#82aee4 rgb(130,174,228)
```
#92b8e8
```
#92b8e8 rgb(146,184,232)
```
#a3c3eb
```
#a3c3eb rgb(163,195,235)
```
#b3cdef
```
#b3cdef rgb(179,205,239)
```
#c3d8f2
```
#c3d8f2 rgb(195,216,242)
```
#d3e2f6
```
#d3e2f6 rgb(211,226,246)
```
#e3edf9
```
#e3edf9 rgb(227,237,249)
```
#f3f7fd
```
#f3f7fd rgb(243,247,253)
```

Tint Color Variation

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

#a7a9ac
```
#a7a9ac rgb(167,169,172)
```
#a0a8b3
```
#a0a8b3 rgb(160,168,179)
```
#99a8ba
```
#99a8ba rgb(153,168,186)
```
#93a7c0
```
#93a7c0 rgb(147,167,192)
```
#8ca6c7
```
#8ca6c7 rgb(140,166,199)
```
#86a5cd
```
#86a5cd rgb(134,165,205)
```
#7fa5d4
```
#7fa5d4 rgb(127,165,212)
```
#79a4da
```
#79a4da rgb(121,164,218)
```
#72a3e1
```
#72a3e1 rgb(114,163,225)
```
#6ba2e8
```
#6ba2e8 rgb(107,162,232)
```
#65a1ee
```
#65a1ee rgb(101,161,238)
```
#5ea1f5
```
#5ea1f5 rgb(94,161,245)
```
#58a0fb
```
#58a0fb rgb(88,160,251)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#939da9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a2df Protanopia 1% of men
#8ba3e4 Deuteranopia 1% of men
#69afbc Tritanopia 0.001% of the population

Trichromacy

#86a2df Protanomaly 1% of men, 0.01% of women
#82a3e2 Deuteranomaly 6% of men, 0.4% of women
#6caac9 Tritanomaly 0.01% of the population

#72a3e1 hex color

#72a3e1 Color Information

#72a3e1 Color Conversion

Color Schemes with #72a3e1

Alternatives to #72a3e1

#72a3e1 Preview

Shades and Tints of #72a3e1

Tones of #72a3e1

Color Blindness Simulator