#72a6f4 hex color

In a RGB color space, hex #72a6f4 is composed of 44.7% red, 65.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 32% magenta, 0% yellow and 4.3% black. It has a hue angle of 216 degrees, a saturation of 85.5% and a lightness of 70.2%. #72a6f4 color hex could be obtained by blending #e4ffff with #004de9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 65
- B 96
RGB color chart
- C 53
- M 32
- Y 0
- K 4
CMYK color chart

● #72a6f4 color description : Soft blue.

The hexadecimal color #72a6f4 has RGB values of R:114, G:166, B:244 and CMYK values of C:0.53, M:0.32, Y:0, K:0.04. Its decimal value is 7513844.

Hex triplet	72a6f4	`#72a6f4`
RGB Decimal	114, 166, 244	`rgb(114,166,244)`
RGB Percent	44.7, 65.1, 95.7	`rgb(44.7%,65.1%,95.7%)`
CMYK	53, 32, 0, 4
HSL	216°, 85.5, 70.2	`hsl(216,85.5%,70.2%)`
HSV (or HSB)	216°, 53.3, 95.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.561, 4.581, -44.218
XYZ	36.901, 37.38, 90.853
xyY	0.223, 0.226, 37.38
CIE-LCH	67.561, 44.455, 275.915
CIE-LUV	67.561, -24.776, -71.774
Hunter-Lab	61.139, 0.743, -45.309
Binary	01110010, 10100110, 11110100

#72a6f4
```
#72a6f4 rgb(114,166,244)
```
#f4c072
```
#f4c072 rgb(244,192,114)
```

Complementary Color

#72e7f4
```
#72e7f4 rgb(114,231,244)
```
#72a6f4
```
#72a6f4 rgb(114,166,244)
```
#7f72f4
```
#7f72f4 rgb(127,114,244)
```

Analogous Color

#e7f472
```
#e7f472 rgb(231,244,114)
```
#72a6f4
```
#72a6f4 rgb(114,166,244)
```
#f47f72
```
#f47f72 rgb(244,127,114)
```

Split Complementary Color

#a6f472
```
#a6f472 rgb(166,244,114)
```
#72a6f4
```
#72a6f4 rgb(114,166,244)
```
#f472a6
```
#f472a6 rgb(244,114,166)
```

Triadic Color

#72f4c0
```
#72f4c0 rgb(114,244,192)
```
#72a6f4
```
#72a6f4 rgb(114,166,244)
```
#f472a6
```
#f472a6 rgb(244,114,166)
```
#f4c072
```
#f4c072 rgb(244,192,114)
```

Tetradic Color

#2b79ee
```
#2b79ee rgb(43,121,238)
```
#4388f0
```
#4388f0 rgb(67,136,240)
```
#5a97f2
```
#5a97f2 rgb(90,151,242)
```
#72a6f4
```
#72a6f4 rgb(114,166,244)
```
#8ab5f6
```
#8ab5f6 rgb(138,181,246)
```
#a1c4f8
```
#a1c4f8 rgb(161,196,248)
```
#b9d3fa
```
#b9d3fa rgb(185,211,250)
```

Monochromatic Color

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

#72c7f4
```
#72c7f4 rgb(114,199,244)
```
#72bcf4
```
#72bcf4 rgb(114,188,244)
```
#72b1f4
```
#72b1f4 rgb(114,177,244)
```
#72a6f4
```
#72a6f4 rgb(114,166,244)
```
#729bf4
```
#729bf4 rgb(114,155,244)
```
#7290f4
```
#7290f4 rgb(114,144,244)
```
#7286f4
```
#7286f4 rgb(114,134,244)
```

Similar Colors

Text with hexadecimal color #72a6f4

This text has a font color of #72a6f4.

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

#72a6f4 background color

This paragraph has a background color of #72a6f4.

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

#72a6f4 border color

This element has a border color of #72a6f4.

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

CSS codes

.text {color:#72a6f4;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#020a17
```
#020a17 rgb(2,10,23)
```
#031229
```
#031229 rgb(3,18,41)
```
#051a3b
```
#051a3b rgb(5,26,59)
```
#06234d
```
#06234d rgb(6,35,77)
```
#072b60
```
#072b60 rgb(7,43,96)
```
#093372
```
#093372 rgb(9,51,114)
```
#0a3b84
```
#0a3b84 rgb(10,59,132)
```
#0c4396
```
#0c4396 rgb(12,67,150)
```
#0d4ba8
```
#0d4ba8 rgb(13,75,168)
```
#0f53bb
```
#0f53bb rgb(15,83,187)
```
#105bcd
```
#105bcd rgb(16,91,205)
```
#1164df
```
#1164df rgb(17,100,223)
```

Shade Color Variation

#176ded
```
#176ded rgb(23,109,237)
```
#2978ee
```
#2978ee rgb(41,120,238)
```
#3b84f0
```
#3b84f0 rgb(59,132,240)
```
#4e8ff1
```
#4e8ff1 rgb(78,143,241)
```
#609bf3
```
#609bf3 rgb(96,155,243)
```
#72a6f4
```
#72a6f4 rgb(114,166,244)
```
#84b1f5
```
#84b1f5 rgb(132,177,245)
```
#96bdf7
```
#96bdf7 rgb(150,189,247)
```
#a9c8f8
```
#a9c8f8 rgb(169,200,248)
```
#bbd4fa
```
#bbd4fa rgb(187,212,250)
```
#cddffb
```
#cddffb rgb(205,223,251)
```
#dfebfd
```
#dfebfd rgb(223,235,253)
```
#f1f6fe
```
#f1f6fe rgb(241,246,254)
```

Tint Color Variation

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

#b2b3b4
```
#b2b3b4 rgb(178,179,180)
```
#acb2ba
```
#acb2ba rgb(172,178,186)
```
#a7b1bf
```
#a7b1bf rgb(167,177,191)
```
#a1afc5
```
#a1afc5 rgb(161,175,197)
```
#9baecb
```
#9baecb rgb(155,174,203)
```
#95add1
```
#95add1 rgb(149,173,209)
```
#8facd7
```
#8facd7 rgb(143,172,215)
```
#89abdd
```
#89abdd rgb(137,171,221)
```
#84aae2
```
#84aae2 rgb(132,170,226)
```
#7ea8e8
```
#7ea8e8 rgb(126,168,232)
```
#78a7ee
```
#78a7ee rgb(120,167,238)
```
#72a6f4
```
#72a6f4 rgb(114,166,244)
```
#6ca5fa
```
#6ca5fa rgb(108,165,250)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#96a0b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea6f1 Protanopia 1% of men
#82a8f5 Deuteranopia 1% of men
#62b5c2 Tritanopia 0.001% of the population

Trichromacy

#83a6f2 Protanomaly 1% of men, 0.01% of women
#7ca7f4 Deuteranomaly 6% of men, 0.4% of women
#67afd4 Tritanomaly 0.01% of the population

#72a6f4 hex color

#72a6f4 Color Information

#72a6f4 Color Conversion

Color Schemes with #72a6f4

Alternatives to #72a6f4

#72a6f4 Preview

Shades and Tints of #72a6f4

Tones of #72a6f4

Color Blindness Simulator