#72bcf5 hex color

In a RGB color space, hex #72bcf5 is composed of 44.7% red, 73.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 23.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 206.1 degrees, a saturation of 86.8% and a lightness of 70.4%. #72bcf5 color hex could be obtained by blending #e4ffff with #0079eb. Closest websafe color is: #66ccff.

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

● #72bcf5 color description : Soft blue.

The hexadecimal color #72bcf5 has RGB values of R:114, G:188, B:245 and CMYK values of C:0.53, M:0.23, Y:0, K:0.04. Its decimal value is 7519477.

Hex triplet	72bcf5	`#72bcf5`
RGB Decimal	114, 188, 245	`rgb(114,188,245)`
RGB Percent	44.7, 73.7, 96.1	`rgb(44.7%,73.7%,96.1%)`
CMYK	53, 23, 0, 4
HSL	206.1°, 86.8, 70.4	`hsl(206.1,86.8%,70.4%)`
HSV (or HSB)	206.1°, 53.5, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.632, -7.33, -35.292
XYZ	41.4, 46.134, 93.104
xyY	0.229, 0.255, 46.134
CIE-LCH	73.632, 36.045, 258.267
CIE-LUV	73.632, -32.851, -55.851
Hunter-Lab	67.922, -10.063, -33.727
Binary	01110010, 10111100, 11110101

#72bcf5
```
#72bcf5 rgb(114,188,245)
```
#f5ab72
```
#f5ab72 rgb(245,171,114)
```

Complementary Color

#72f5ed
```
#72f5ed rgb(114,245,237)
```
#72bcf5
```
#72bcf5 rgb(114,188,245)
```
#727bf5
```
#727bf5 rgb(114,123,245)
```

Analogous Color

#f5ed72
```
#f5ed72 rgb(245,237,114)
```
#72bcf5
```
#72bcf5 rgb(114,188,245)
```
#f5727b
```
#f5727b rgb(245,114,123)
```

Split Complementary Color

#bcf572
```
#bcf572 rgb(188,245,114)
```
#72bcf5
```
#72bcf5 rgb(114,188,245)
```
#f572bc
```
#f572bc rgb(245,114,188)
```

Triadic Color

#72f5ab
```
#72f5ab rgb(114,245,171)
```
#72bcf5
```
#72bcf5 rgb(114,188,245)
```
#f572bc
```
#f572bc rgb(245,114,188)
```
#f5ab72
```
#f5ab72 rgb(245,171,114)
```

Tetradic Color

#2b9af0
```
#2b9af0 rgb(43,154,240)
```
#42a5f2
```
#42a5f2 rgb(66,165,242)
```
#5ab1f3
```
#5ab1f3 rgb(90,177,243)
```
#72bcf5
```
#72bcf5 rgb(114,188,245)
```
#8ac7f7
```
#8ac7f7 rgb(138,199,247)
```
#a2d3f8
```
#a2d3f8 rgb(162,211,248)
```
#b9defa
```
#b9defa rgb(185,222,250)
```

Monochromatic Color

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

#72ddf5
```
#72ddf5 rgb(114,221,245)
```
#72d2f5
```
#72d2f5 rgb(114,210,245)
```
#72c7f5
```
#72c7f5 rgb(114,199,245)
```
#72bcf5
```
#72bcf5 rgb(114,188,245)
```
#72b1f5
```
#72b1f5 rgb(114,177,245)
```
#72a6f5
```
#72a6f5 rgb(114,166,245)
```
#729bf5
```
#729bf5 rgb(114,155,245)
```

Similar Colors

Text with hexadecimal color #72bcf5

This text has a font color of #72bcf5.

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

#72bcf5 background color

This paragraph has a background color of #72bcf5.

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

#72bcf5 border color

This element has a border color of #72bcf5.

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

CSS codes

.text {color:#72bcf5;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#020e18
```
#020e18 rgb(2,14,24)
```
#03192a
```
#03192a rgb(3,25,42)
```
#04243c
```
#04243c rgb(4,36,60)
```
#062f4f
```
#062f4f rgb(6,47,79)
```
#073a61
```
#073a61 rgb(7,58,97)
```
#084573
```
#084573 rgb(8,69,115)
```
#095086
```
#095086 rgb(9,80,134)
```
#0b5b98
```
#0b5b98 rgb(11,91,152)
```
#0c66aa
```
#0c66aa rgb(12,102,170)
```
#0d70bd
```
#0d70bd rgb(13,112,189)
```
#0f7bcf
```
#0f7bcf rgb(15,123,207)
```
#1086e1
```
#1086e1 rgb(16,134,225)
```

Shade Color Variation

#1690ef
```
#1690ef rgb(22,144,239)
```
#2999f0
```
#2999f0 rgb(41,153,240)
```
#3ba2f1
```
#3ba2f1 rgb(59,162,241)
```
#4dabf2
```
#4dabf2 rgb(77,171,242)
```
#60b3f4
```
#60b3f4 rgb(96,179,244)
```
#72bcf5
```
#72bcf5 rgb(114,188,245)
```
#84c5f6
```
#84c5f6 rgb(132,197,246)
```
#97cdf8
```
#97cdf8 rgb(151,205,248)
```
#a9d6f9
```
#a9d6f9 rgb(169,214,249)
```
#bbdffa
```
#bbdffa rgb(187,223,250)
```
#cee8fb
```
#cee8fb rgb(206,232,251)
```
#e0f0fd
```
#e0f0fd rgb(224,240,253)
```
#f2f9fe
```
#f2f9fe rgb(242,249,254)
```

Tint Color Variation

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

#b2b4b5
```
#b2b4b5 rgb(178,180,181)
```
#acb4bb
```
#acb4bb rgb(172,180,187)
```
#a6b5c1
```
#a6b5c1 rgb(166,181,193)
```
#a0b6c7
```
#a0b6c7 rgb(160,182,199)
```
#9bb7cc
```
#9bb7cc rgb(155,183,204)
```
#95b7d2
```
#95b7d2 rgb(149,183,210)
```
#8fb8d8
```
#8fb8d8 rgb(143,184,216)
```
#89b9de
```
#89b9de rgb(137,185,222)
```
#83bae4
```
#83bae4 rgb(131,186,228)
```
#7ebae9
```
#7ebae9 rgb(126,186,233)
```
#78bbef
```
#78bbef rgb(120,187,239)
```
#72bcf5
```
#72bcf5 rgb(114,188,245)
```
#6cbdfb
```
#6cbdfb rgb(108,189,251)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a0afbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b6ef Protanopia 1% of men
#a1b6f8 Deuteranopia 1% of men
#69c5d4 Tritanopia 0.001% of the population

Trichromacy

#94b8f1 Protanomaly 1% of men, 0.01% of women
#90b8f7 Deuteranomaly 6% of men, 0.4% of women
#6cc2e0 Tritanomaly 0.01% of the population

#72bcf5 hex color

#72bcf5 Color Information

#72bcf5 Color Conversion

Color Schemes with #72bcf5

Alternatives to #72bcf5

#72bcf5 Preview

Shades and Tints of #72bcf5

Tones of #72bcf5

Color Blindness Simulator