#72abf5 hex color

In a RGB color space, hex #72abf5 is composed of 44.7% red, 67.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 30.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 213.9 degrees, a saturation of 86.8% and a lightness of 70.4%. #72abf5 color hex could be obtained by blending #e4ffff with #0057eb. Closest websafe color is: #6699ff.

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

● #72abf5 color description : Soft blue.

The hexadecimal color #72abf5 has RGB values of R:114, G:171, B:245 and CMYK values of C:0.53, M:0.3, Y:0, K:0.04. Its decimal value is 7515125.

Hex triplet	72abf5	`#72abf5`
RGB Decimal	114, 171, 245	`rgb(114,171,245)`
RGB Percent	44.7, 67.1, 96.1	`rgb(44.7%,67.1%,96.1%)`
CMYK	53, 30, 0, 4
HSL	213.9°, 86.8, 70.4	`hsl(213.9,86.8%,70.4%)`
HSV (or HSB)	213.9°, 53.5, 96.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.963, 2.056, -42.564
XYZ	37.98, 39.294, 91.964
xyY	0.224, 0.232, 39.294
CIE-LCH	68.963, 42.614, 272.765
CIE-LUV	68.963, -26.584, -68.876
Hunter-Lab	62.685, -1.547, -43.105
Binary	01110010, 10101011, 11110101

#72abf5
```
#72abf5 rgb(114,171,245)
```
#f5bc72
```
#f5bc72 rgb(245,188,114)
```

Complementary Color

#72edf5
```
#72edf5 rgb(114,237,245)
```
#72abf5
```
#72abf5 rgb(114,171,245)
```
#7b72f5
```
#7b72f5 rgb(123,114,245)
```

Analogous Color

#edf572
```
#edf572 rgb(237,245,114)
```
#72abf5
```
#72abf5 rgb(114,171,245)
```
#f57b72
```
#f57b72 rgb(245,123,114)
```

Split Complementary Color

#abf572
```
#abf572 rgb(171,245,114)
```
#72abf5
```
#72abf5 rgb(114,171,245)
```
#f572ab
```
#f572ab rgb(245,114,171)
```

Triadic Color

#72f5bc
```
#72f5bc rgb(114,245,188)
```
#72abf5
```
#72abf5 rgb(114,171,245)
```
#f572ab
```
#f572ab rgb(245,114,171)
```
#f5bc72
```
#f5bc72 rgb(245,188,114)
```

Tetradic Color

#2b80f0
```
#2b80f0 rgb(43,128,240)
```
#428ff2
```
#428ff2 rgb(66,143,242)
```
#5a9df3
```
#5a9df3 rgb(90,157,243)
```
#72abf5
```
#72abf5 rgb(114,171,245)
```
#8ab9f7
```
#8ab9f7 rgb(138,185,247)
```
#a2c7f8
```
#a2c7f8 rgb(162,199,248)
```
#b9d6fa
```
#b9d6fa rgb(185,214,250)
```

Monochromatic Color

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

#72ccf5
```
#72ccf5 rgb(114,204,245)
```
#72c1f5
```
#72c1f5 rgb(114,193,245)
```
#72b6f5
```
#72b6f5 rgb(114,182,245)
```
#72abf5
```
#72abf5 rgb(114,171,245)
```
#72a0f5
```
#72a0f5 rgb(114,160,245)
```
#7295f5
```
#7295f5 rgb(114,149,245)
```
#728af5
```
#728af5 rgb(114,138,245)
```

Similar Colors

Text with hexadecimal color #72abf5

This text has a font color of #72abf5.

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

#72abf5 background color

This paragraph has a background color of #72abf5.

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

#72abf5 border color

This element has a border color of #72abf5.

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

CSS codes

.text {color:#72abf5;}

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

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

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 #f2f7fe is the lightest one.

#000306
```
#000306 rgb(0,3,6)
```
#020b18
```
#020b18 rgb(2,11,24)
```
#03142a
```
#03142a rgb(3,20,42)
```
#041d3c
```
#041d3c rgb(4,29,60)
```
#06254f
```
#06254f rgb(6,37,79)
```
#072e61
```
#072e61 rgb(7,46,97)
```
#083773
```
#083773 rgb(8,55,115)
```
#094086
```
#094086 rgb(9,64,134)
```
#0b4898
```
#0b4898 rgb(11,72,152)
```
#0c51aa
```
#0c51aa rgb(12,81,170)
```
#0d5abd
```
#0d5abd rgb(13,90,189)
```
#0f62cf
```
#0f62cf rgb(15,98,207)
```
#106be1
```
#106be1 rgb(16,107,225)
```

Shade Color Variation

#1674ef
```
#1674ef rgb(22,116,239)
```
#297ff0
```
#297ff0 rgb(41,127,240)
```
#3b8af1
```
#3b8af1 rgb(59,138,241)
```
#4d95f2
```
#4d95f2 rgb(77,149,242)
```
#60a0f4
```
#60a0f4 rgb(96,160,244)
```
#72abf5
```
#72abf5 rgb(114,171,245)
```
#84b6f6
```
#84b6f6 rgb(132,182,246)
```
#97c1f8
```
#97c1f8 rgb(151,193,248)
```
#a9ccf9
```
#a9ccf9 rgb(169,204,249)
```
#bbd7fa
```
#bbd7fa rgb(187,215,250)
```
#cee2fb
```
#cee2fb rgb(206,226,251)
```
#e0ecfd
```
#e0ecfd rgb(224,236,253)
```
#f2f7fe
```
#f2f7fe rgb(242,247,254)
```

Tint Color Variation

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

#b2b3b5
```
#b2b3b5 rgb(178,179,181)
```
#acb3bb
```
#acb3bb rgb(172,179,187)
```
#a6b2c1
```
#a6b2c1 rgb(166,178,193)
```
#a0b1c7
```
#a0b1c7 rgb(160,177,199)
```
#9bb0cc
```
#9bb0cc rgb(155,176,204)
```
#95b0d2
```
#95b0d2 rgb(149,176,210)
```
#8fafd8
```
#8fafd8 rgb(143,175,216)
```
#89aede
```
#89aede rgb(137,174,222)
```
#83ade4
```
#83ade4 rgb(131,173,228)
```
#7eade9
```
#7eade9 rgb(126,173,233)
```
#78acef
```
#78acef rgb(120,172,239)
```
#72abf5
```
#72abf5 rgb(114,171,245)
```
#6caafb
```
#6caafb rgb(108,170,251)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#98a4b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93aaf1 Protanopia 1% of men
#89abf6 Deuteranopia 1% of men
#63b9c6 Tritanopia 0.001% of the population

Trichromacy

#87aaf3 Protanomaly 1% of men, 0.01% of women
#81abf6 Deuteranomaly 6% of men, 0.4% of women
#68b3d7 Tritanomaly 0.01% of the population

#72abf5 hex color

#72abf5 Color Information

#72abf5 Color Conversion

Color Schemes with #72abf5

Alternatives to #72abf5

#72abf5 Preview

Shades and Tints of #72abf5

Tones of #72abf5

Color Blindness Simulator