#72a1fd hex color

In a RGB color space, hex #72a1fd is composed of 44.7% red, 63.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 36.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 219.7 degrees, a saturation of 97.2% and a lightness of 72%. #72a1fd color hex could be obtained by blending #e4ffff with #0043fb. Closest websafe color is: #6699ff.

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

● #72a1fd color description : Soft blue.

The hexadecimal color #72a1fd has RGB values of R:114, G:161, B:253 and CMYK values of C:0.55, M:0.36, Y:0, K:0.01. Its decimal value is 7512573.

Hex triplet	72a1fd	`#72a1fd`
RGB Decimal	114, 161, 253	`rgb(114,161,253)`
RGB Percent	44.7, 63.1, 99.2	`rgb(44.7%,63.1%,99.2%)`
CMYK	55, 36, 0, 1
HSL	219.7°, 97.2, 72	`hsl(219.7,97.2%,72%)`
HSV (or HSB)	219.7°, 54.9, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.64, 10.221, -50.574
XYZ	37.41, 36.157, 97.931
xyY	0.218, 0.211, 36.157
CIE-LCH	66.64, 51.596, 281.425
CIE-LUV	66.64, -22.992, -83.012
Hunter-Lab	60.131, 5.824, -54.47
Binary	01110010, 10100001, 11111101

#72a1fd
```
#72a1fd rgb(114,161,253)
```
#fdce72
```
#fdce72 rgb(253,206,114)
```

Complementary Color

#72e7fd
```
#72e7fd rgb(114,231,253)
```
#72a1fd
```
#72a1fd rgb(114,161,253)
```
#8972fd
```
#8972fd rgb(137,114,253)
```

Analogous Color

#e7fd72
```
#e7fd72 rgb(231,253,114)
```
#72a1fd
```
#72a1fd rgb(114,161,253)
```
#fd8972
```
#fd8972 rgb(253,137,114)
```

Split Complementary Color

#a1fd72
```
#a1fd72 rgb(161,253,114)
```
#72a1fd
```
#72a1fd rgb(114,161,253)
```
#fd72a1
```
#fd72a1 rgb(253,114,161)
```

Triadic Color

#72fdce
```
#72fdce rgb(114,253,206)
```
#72a1fd
```
#72a1fd rgb(114,161,253)
```
#fd72a1
```
#fd72a1 rgb(253,114,161)
```
#fdce72
```
#fdce72 rgb(253,206,114)
```

Tetradic Color

#276ffc
```
#276ffc rgb(39,111,252)
```
#407ffc
```
#407ffc rgb(64,127,252)
```
#5990fd
```
#5990fd rgb(89,144,253)
```
#72a1fd
```
#72a1fd rgb(114,161,253)
```
#8bb2fd
```
#8bb2fd rgb(139,178,253)
```
#a4c3fe
```
#a4c3fe rgb(164,195,254)
```
#bdd3fe
```
#bdd3fe rgb(189,211,254)
```

Monochromatic Color

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

#72c4fd
```
#72c4fd rgb(114,196,253)
```
#72b8fd
```
#72b8fd rgb(114,184,253)
```
#72adfd
```
#72adfd rgb(114,173,253)
```
#72a1fd
```
#72a1fd rgb(114,161,253)
```
#7295fd
```
#7295fd rgb(114,149,253)
```
#728afd
```
#728afd rgb(114,138,253)
```
#727efd
```
#727efd rgb(114,126,253)
```

Similar Colors

Text with hexadecimal color #72a1fd

This text has a font color of #72a1fd.

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

#72a1fd background color

This paragraph has a background color of #72a1fd.

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

#72a1fd border color

This element has a border color of #72a1fd.

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

CSS codes

.text {color:#72a1fd;}

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

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

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

#00050e
```
#00050e rgb(0,5,14)
```
#000b21
```
#000b21 rgb(0,11,33)
```
#011234
```
#011234 rgb(1,18,52)
```
#011948
```
#011948 rgb(1,25,72)
```
#01205b
```
#01205b rgb(1,32,91)
```
#02266e
```
#02266e rgb(2,38,110)
```
#022d82
```
#022d82 rgb(2,45,130)
```
#023495
```
#023495 rgb(2,52,149)
```
#023ba8
```
#023ba8 rgb(2,59,168)
```
#0341bc
```
#0341bc rgb(3,65,188)
```
#0348cf
```
#0348cf rgb(3,72,207)
```
#034fe2
```
#034fe2 rgb(3,79,226)
```
#0355f6
```
#0355f6 rgb(3,85,246)
```

Shade Color Variation

#1161fc
```
#1161fc rgb(17,97,252)
```
#256dfc
```
#256dfc rgb(37,109,252)
```
#387afc
```
#387afc rgb(56,122,252)
```
#4b87fc
```
#4b87fc rgb(75,135,252)
```
#5f94fd
```
#5f94fd rgb(95,148,253)
```
#72a1fd
```
#72a1fd rgb(114,161,253)
```
#85aefd
```
#85aefd rgb(133,174,253)
```
#99bbfe
```
#99bbfe rgb(153,187,254)
```
#acc8fe
```
#acc8fe rgb(172,200,254)
```
#bfd5fe
```
#bfd5fe rgb(191,213,254)
```
#d3e1fe
```
#d3e1fe rgb(211,225,254)
```
#e6eeff
```
#e6eeff rgb(230,238,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#b4b6bb
```
#b4b6bb rgb(180,182,187)
```
#afb5c1
```
#afb5c1 rgb(175,181,193)
```
#a9b3c6
```
#a9b3c6 rgb(169,179,198)
```
#a4b1cc
```
#a4b1cc rgb(164,177,204)
```
#9eafd1
```
#9eafd1 rgb(158,175,209)
```
#99add7
```
#99add7 rgb(153,173,215)
```
#93acdc
```
#93acdc rgb(147,172,220)
```
#8eaae2
```
#8eaae2 rgb(142,170,226)
```
#88a8e7
```
#88a8e7 rgb(136,168,231)
```
#83a6ed
```
#83a6ed rgb(131,166,237)
```
#7da5f2
```
#7da5f2 rgb(125,165,242)
```
#78a3f8
```
#78a3f8 rgb(120,163,248)
```
#72a1fd
```
#72a1fd rgb(114,161,253)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#949eb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83a4fb Protanopia 1% of men
#73a7fc Deuteranopia 1% of men
#5bb3c0 Tritanopia 0.001% of the population

Trichromacy

#7da2fc Protanomaly 1% of men, 0.01% of women
#72a4fc Deuteranomaly 6% of men, 0.4% of women
#63acd6 Tritanomaly 0.01% of the population

#72a1fd hex color

#72a1fd Color Information

#72a1fd Color Conversion

Color Schemes with #72a1fd

Alternatives to #72a1fd

#72a1fd Preview

Shades and Tints of #72a1fd

Tones of #72a1fd

Color Blindness Simulator