#72a2fc hex color

In a RGB color space, hex #72a2fc is composed of 44.7% red, 63.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 35.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 219.1 degrees, a saturation of 95.8% and a lightness of 71.8%. #72a2fc color hex could be obtained by blending #e4ffff with #0045f9. Closest websafe color is: #6699ff.

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

● #72a2fc color description : Soft blue.

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

Hex triplet	72a2fc	`#72a2fc`
RGB Decimal	114, 162, 252	`rgb(114,162,252)`
RGB Percent	44.7, 63.5, 98.8	`rgb(44.7%,63.5%,98.8%)`
CMYK	55, 36, 0, 1
HSL	219.1°, 95.8, 71.8	`hsl(219.1,95.8%,71.8%)`
HSV (or HSB)	219.1°, 54.8, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.858, 9.333, -49.684
XYZ	37.427, 36.444, 97.152
xyY	0.219, 0.213, 36.444
CIE-LCH	66.858, 50.553, 280.639
CIE-LUV	66.858, -23.34, -81.453
Hunter-Lab	60.369, 5.017, -53.157
Binary	01110010, 10100010, 11111100

#72a2fc
```
#72a2fc rgb(114,162,252)
```
#fccc72
```
#fccc72 rgb(252,204,114)
```

Complementary Color

#72e7fc
```
#72e7fc rgb(114,231,252)
```
#72a2fc
```
#72a2fc rgb(114,162,252)
```
#8772fc
```
#8772fc rgb(135,114,252)
```

Analogous Color

#e7fc72
```
#e7fc72 rgb(231,252,114)
```
#72a2fc
```
#72a2fc rgb(114,162,252)
```
#fc8772
```
#fc8772 rgb(252,135,114)
```

Split Complementary Color

#a2fc72
```
#a2fc72 rgb(162,252,114)
```
#72a2fc
```
#72a2fc rgb(114,162,252)
```
#fc72a2
```
#fc72a2 rgb(252,114,162)
```

Triadic Color

#72fccc
```
#72fccc rgb(114,252,204)
```
#72a2fc
```
#72a2fc rgb(114,162,252)
```
#fc72a2
```
#fc72a2 rgb(252,114,162)
```
#fccc72
```
#fccc72 rgb(252,204,114)
```

Tetradic Color

#2771fa
```
#2771fa rgb(39,113,250)
```
#4081fb
```
#4081fb rgb(64,129,251)
```
#5992fb
```
#5992fb rgb(89,146,251)
```
#72a2fc
```
#72a2fc rgb(114,162,252)
```
#8bb2fd
```
#8bb2fd rgb(139,178,253)
```
#a4c3fd
```
#a4c3fd rgb(164,195,253)
```
#bdd3fe
```
#bdd3fe rgb(189,211,254)
```

Monochromatic Color

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

#72c5fc
```
#72c5fc rgb(114,197,252)
```
#72b9fc
```
#72b9fc rgb(114,185,252)
```
#72aefc
```
#72aefc rgb(114,174,252)
```
#72a2fc
```
#72a2fc rgb(114,162,252)
```
#7297fc
```
#7297fc rgb(114,151,252)
```
#728bfc
```
#728bfc rgb(114,139,252)
```
#7280fc
```
#7280fc rgb(114,128,252)
```

Similar Colors

Text with hexadecimal color #72a2fc

This text has a font color of #72a2fc.

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

#72a2fc background color

This paragraph has a background color of #72a2fc.

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

#72a2fc border color

This element has a border color of #72a2fc.

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

CSS codes

.text {color:#72a2fc;}

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

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

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, #00050d is the darkest color, while #f8fbff is the lightest one.

#00050d
```
#00050d rgb(0,5,13)
```
#010c20
```
#010c20 rgb(1,12,32)
```
#011233
```
#011233 rgb(1,18,51)
```
#011946
```
#011946 rgb(1,25,70)
```
#022059
```
#022059 rgb(2,32,89)
```
#02276d
```
#02276d rgb(2,39,109)
```
#032e80
```
#032e80 rgb(3,46,128)
```
#033593
```
#033593 rgb(3,53,147)
```
#043ca6
```
#043ca6 rgb(4,60,166)
```
#0443ba
```
#0443ba rgb(4,67,186)
```
#044acd
```
#044acd rgb(4,74,205)
```
#0551e0
```
#0551e0 rgb(5,81,224)
```
#0558f3
```
#0558f3 rgb(5,88,243)
```

Shade Color Variation

#1263fa
```
#1263fa rgb(18,99,250)
```
#256ffa
```
#256ffa rgb(37,111,250)
```
#387cfb
```
#387cfb rgb(56,124,251)
```
#4c89fb
```
#4c89fb rgb(76,137,251)
```
#5f95fc
```
#5f95fc rgb(95,149,252)
```
#72a2fc
```
#72a2fc rgb(114,162,252)
```
#85affc
```
#85affc rgb(133,175,252)
```
#98bbfd
```
#98bbfd rgb(152,187,253)
```
#acc8fd
```
#acc8fd rgb(172,200,253)
```
#bfd5fe
```
#bfd5fe rgb(191,213,254)
```
#d2e1fe
```
#d2e1fe rgb(210,225,254)
```
#e5eefe
```
#e5eefe rgb(229,238,254)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#b4b6ba
```
#b4b6ba rgb(180,182,186)
```
#afb5bf
```
#afb5bf rgb(175,181,191)
```
#a9b3c5
```
#a9b3c5 rgb(169,179,197)
```
#a4b1ca
```
#a4b1ca rgb(164,177,202)
```
#9eafd0
```
#9eafd0 rgb(158,175,208)
```
#99aed5
```
#99aed5 rgb(153,174,213)
```
#93acdb
```
#93acdb rgb(147,172,219)
```
#8eaae0
```
#8eaae0 rgb(142,170,224)
```
#88a9e6
```
#88a9e6 rgb(136,169,230)
```
#83a7eb
```
#83a7eb rgb(131,167,235)
```
#7da5f1
```
#7da5f1 rgb(125,165,241)
```
#78a4f6
```
#78a4f6 rgb(120,164,246)
```
#72a2fc
```
#72a2fc rgb(114,162,252)
```

Tone Color Variation

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

#85a4fa Protanopia 1% of men
#75a7fb Deuteranopia 1% of men
#5cb3c0 Tritanopia 0.001% of the population

Trichromacy

#7ea3fb Protanomaly 1% of men, 0.01% of women
#74a5fb Deuteranomaly 6% of men, 0.4% of women
#64add6 Tritanomaly 0.01% of the population

#72a2fc hex color

#72a2fc Color Information

#72a2fc Color Conversion

Color Schemes with #72a2fc

Alternatives to #72a2fc

#72a2fc Preview

Shades and Tints of #72a2fc

Tones of #72a2fc

Color Blindness Simulator