#72a1e3 hex color

In a RGB color space, hex #72a1e3 is composed of 44.7% red, 63.1% green and 89% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 29.1% magenta, 0% yellow and 11% black. It has a hue angle of 215 degrees, a saturation of 66.9% and a lightness of 66.9%. #72a1e3 color hex could be obtained by blending #e4ffff with #0043c7. Closest websafe color is: #6699cc.

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

● #72a1e3 color description : Soft blue.

The hexadecimal color #72a1e3 has RGB values of R:114, G:161, B:227 and CMYK values of C:0.5, M:0.29, Y:0, K:0.11. Its decimal value is 7512547.

Hex triplet	72a1e3	`#72a1e3`
RGB Decimal	114, 161, 227	`rgb(114,161,227)`
RGB Percent	44.7, 63.1, 89	`rgb(44.7%,63.1%,89%)`
CMYK	50, 29, 0, 11
HSL	215°, 66.9, 66.9	`hsl(215,66.9%,66.9%)`
HSV (or HSB)	215°, 49.8, 89
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.445, 2.294, -38.211
XYZ	33.546, 34.612, 77.582
xyY	0.23, 0.237, 34.612
CIE-LCH	65.445, 38.28, 273.435
CIE-LUV	65.445, -22.975, -61.045
Hunter-Lab	58.832, -1.173, -37.004
Binary	01110010, 10100001, 11100011

#72a1e3
```
#72a1e3 rgb(114,161,227)
```
#e3b472
```
#e3b472 rgb(227,180,114)
```

Complementary Color

#72dae3
```
#72dae3 rgb(114,218,227)
```
#72a1e3
```
#72a1e3 rgb(114,161,227)
```
#7c72e3
```
#7c72e3 rgb(124,114,227)
```

Analogous Color

#dae372
```
#dae372 rgb(218,227,114)
```
#72a1e3
```
#72a1e3 rgb(114,161,227)
```
#e37c72
```
#e37c72 rgb(227,124,114)
```

Split Complementary Color

#a1e372
```
#a1e372 rgb(161,227,114)
```
#72a1e3
```
#72a1e3 rgb(114,161,227)
```
#e372a1
```
#e372a1 rgb(227,114,161)
```

Triadic Color

#72e3b4
```
#72e3b4 rgb(114,227,180)
```
#72a1e3
```
#72a1e3 rgb(114,161,227)
```
#e372a1
```
#e372a1 rgb(227,114,161)
```
#e3b472
```
#e3b472 rgb(227,180,114)
```

Tetradic Color

#3276d6
```
#3276d6 rgb(50,118,214)
```
#4785db
```
#4785db rgb(71,133,219)
```
#5d93df
```
#5d93df rgb(93,147,223)
```
#72a1e3
```
#72a1e3 rgb(114,161,227)
```
#87afe7
```
#87afe7 rgb(135,175,231)
```
#9dbdeb
```
#9dbdeb rgb(157,189,235)
```
#b2ccf0
```
#b2ccf0 rgb(178,204,240)
```

Monochromatic Color

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

#72bde3
```
#72bde3 rgb(114,189,227)
```
#72b4e3
```
#72b4e3 rgb(114,180,227)
```
#72aae3
```
#72aae3 rgb(114,170,227)
```
#72a1e3
```
#72a1e3 rgb(114,161,227)
```
#7298e3
```
#7298e3 rgb(114,152,227)
```
#728ee3
```
#728ee3 rgb(114,142,227)
```
#7285e3
```
#7285e3 rgb(114,133,227)
```

Similar Colors

Text with hexadecimal color #72a1e3

This text has a font color of #72a1e3.

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

#72a1e3 background color

This paragraph has a background color of #72a1e3.

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

#72a1e3 border color

This element has a border color of #72a1e3.

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

CSS codes

.text {color:#72a1e3;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#040c17
```
#040c17 rgb(4,12,23)
```
#081527
```
#081527 rgb(8,21,39)
```
#0b1d37
```
#0b1d37 rgb(11,29,55)
```
#0e2648
```
#0e2648 rgb(14,38,72)
```
#112f58
```
#112f58 rgb(17,47,88)
```
#153868
```
#153868 rgb(21,56,104)
```
#184079
```
#184079 rgb(24,64,121)
```
#1b4989
```
#1b4989 rgb(27,73,137)
```
#1e529a
```
#1e529a rgb(30,82,154)
```
#225aaa
```
#225aaa rgb(34,90,170)
```
#2563ba
```
#2563ba rgb(37,99,186)
```
#286ccb
```
#286ccb rgb(40,108,203)
```

Shade Color Variation

#3175d6
```
#3175d6 rgb(49,117,214)
```
#4180d9
```
#4180d9 rgb(65,128,217)
```
#518bdd
```
#518bdd rgb(81,139,221)
```
#6296e0
```
#6296e0 rgb(98,150,224)
```
#72a1e3
```
#72a1e3 rgb(114,161,227)
```
#82ace6
```
#82ace6 rgb(130,172,230)
```
#93b7e9
```
#93b7e9 rgb(147,183,233)
```
#a3c2ed
```
#a3c2ed rgb(163,194,237)
```
#b3cdf0
```
#b3cdf0 rgb(179,205,240)
```
#c4d8f3
```
#c4d8f3 rgb(196,216,243)
```
#d4e2f6
```
#d4e2f6 rgb(212,226,246)
```
#e5edfa
```
#e5edfa rgb(229,237,250)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

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

#a6aaaf
```
#a6aaaf rgb(166,170,175)
```
#a0a9b6
```
#a0a9b6 rgb(160,169,182)
```
#99a8bc
```
#99a8bc rgb(153,168,188)
```
#93a6c3
```
#93a6c3 rgb(147,166,195)
```
#8ca5c9
```
#8ca5c9 rgb(140,165,201)
```
#86a4d0
```
#86a4d0 rgb(134,164,208)
```
#7fa3d6
```
#7fa3d6 rgb(127,163,214)
```
#79a2dd
```
#79a2dd rgb(121,162,221)
```
#72a1e3
```
#72a1e3 rgb(114,161,227)
```
#6ca0ea
```
#6ca0ea rgb(108,160,234)
```
#659ff0
```
#659ff0 rgb(101,159,240)
```
#5f9ef7
```
#5f9ef7 rgb(95,158,247)
```
#589dfd
```
#589dfd rgb(88,157,253)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#929ba9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea1e1 Protanopia 1% of men
#87a2e5 Deuteranopia 1% of men
#68aebb Tritanopia 0.001% of the population

Trichromacy

#84a1e2 Protanomaly 1% of men, 0.01% of women
#7fa2e4 Deuteranomaly 6% of men, 0.4% of women
#6ba9c9 Tritanomaly 0.01% of the population

#72a1e3 hex color

#72a1e3 Color Information

#72a1e3 Color Conversion

Color Schemes with #72a1e3

Alternatives to #72a1e3

#72a1e3 Preview

Shades and Tints of #72a1e3

Tones of #72a1e3

Color Blindness Simulator