#72b5e2 hex color

In a RGB color space, hex #72b5e2 is composed of 44.7% red, 71% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 19.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 204.1 degrees, a saturation of 65.9% and a lightness of 66.7%. #72b5e2 color hex could be obtained by blending #e4ffff with #006bc5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 45
- G 71
- B 89
RGB color chart
- C 50
- M 20
- Y 0
- K 11
CMYK color chart

● #72b5e2 color description : Soft blue.

The hexadecimal color #72b5e2 has RGB values of R:114, G:181, B:226 and CMYK values of C:0.5, M:0.2, Y:0, K:0.11. Its decimal value is 7517666.

Hex triplet	72b5e2	`#72b5e2`
RGB Decimal	114, 181, 226	`rgb(114,181,226)`
RGB Percent	44.7, 71, 88.6	`rgb(44.7%,71%,88.6%)`
CMYK	50, 20, 0, 11
HSL	204.1°, 65.9, 66.7	`hsl(204.1,65.9%,66.7%)`
HSV (or HSB)	204.1°, 49.6, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.949, -9.084, -29.13
XYZ	37.187, 42.114, 78.117
xyY	0.236, 0.268, 42.114
CIE-LCH	70.949, 30.514, 252.68
CIE-LUV	70.949, -30.582, -44.927
Hunter-Lab	64.895, -11.28, -25.942
Binary	01110010, 10110101, 11100010

#72b5e2
```
#72b5e2 rgb(114,181,226)
```
#e29f72
```
#e29f72 rgb(226,159,114)
```

Complementary Color

#72e2d7
```
#72e2d7 rgb(114,226,215)
```
#72b5e2
```
#72b5e2 rgb(114,181,226)
```
#727de2
```
#727de2 rgb(114,125,226)
```

Analogous Color

#e2d772
```
#e2d772 rgb(226,215,114)
```
#72b5e2
```
#72b5e2 rgb(114,181,226)
```
#e2727d
```
#e2727d rgb(226,114,125)
```

Split Complementary Color

#b5e272
```
#b5e272 rgb(181,226,114)
```
#72b5e2
```
#72b5e2 rgb(114,181,226)
```
#e272b5
```
#e272b5 rgb(226,114,181)
```

Triadic Color

#72e29f
```
#72e29f rgb(114,226,159)
```
#72b5e2
```
#72b5e2 rgb(114,181,226)
```
#e272b5
```
#e272b5 rgb(226,114,181)
```
#e29f72
```
#e29f72 rgb(226,159,114)
```

Tetradic Color

#3394d5
```
#3394d5 rgb(51,148,213)
```
#489fd9
```
#489fd9 rgb(72,159,217)
```
#5daade
```
#5daade rgb(93,170,222)
```
#72b5e2
```
#72b5e2 rgb(114,181,226)
```
#87c0e6
```
#87c0e6 rgb(135,192,230)
```
#9ccbeb
```
#9ccbeb rgb(156,203,235)
```
#b1d6ef
```
#b1d6ef rgb(177,214,239)
```

Monochromatic Color

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

#72d1e2
```
#72d1e2 rgb(114,209,226)
```
#72c8e2
```
#72c8e2 rgb(114,200,226)
```
#72bee2
```
#72bee2 rgb(114,190,226)
```
#72b5e2
```
#72b5e2 rgb(114,181,226)
```
#72ace2
```
#72ace2 rgb(114,172,226)
```
#72a2e2
```
#72a2e2 rgb(114,162,226)
```
#7299e2
```
#7299e2 rgb(114,153,226)
```

Similar Colors

Text with hexadecimal color #72b5e2

This text has a font color of #72b5e2.

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

#72b5e2 background color

This paragraph has a background color of #72b5e2.

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

#72b5e2 border color

This element has a border color of #72b5e2.

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

CSS codes

.text {color:#72b5e2;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#040f16
```
#040f16 rgb(4,15,22)
```
#081a26
```
#081a26 rgb(8,26,38)
```
#0b2536
```
#0b2536 rgb(11,37,54)
```
#0f3046
```
#0f3046 rgb(15,48,70)
```
#123b57
```
#123b57 rgb(18,59,87)
```
#154667
```
#154667 rgb(21,70,103)
```
#195177
```
#195177 rgb(25,81,119)
```
#1c5c88
```
#1c5c88 rgb(28,92,136)
```
#1f6798
```
#1f6798 rgb(31,103,152)
```
#2372a8
```
#2372a8 rgb(35,114,168)
```
#267eb8
```
#267eb8 rgb(38,126,184)
```
#2989c9
```
#2989c9 rgb(41,137,201)
```

Shade Color Variation

#3193d5
```
#3193d5 rgb(49,147,213)
```
#419bd8
```
#419bd8 rgb(65,155,216)
```
#51a4db
```
#51a4db rgb(81,164,219)
```
#62acdf
```
#62acdf rgb(98,172,223)
```
#72b5e2
```
#72b5e2 rgb(114,181,226)
```
#82bee5
```
#82bee5 rgb(130,190,229)
```
#93c6e9
```
#93c6e9 rgb(147,198,233)
```
#a3cfec
```
#a3cfec rgb(163,207,236)
```
#b3d7ef
```
#b3d7ef rgb(179,215,239)
```
#c3e0f3
```
#c3e0f3 rgb(195,224,243)
```
#d4e8f6
```
#d4e8f6 rgb(212,232,246)
```
#e4f1f9
```
#e4f1f9 rgb(228,241,249)
```
#f4f9fd
```
#f4f9fd rgb(244,249,253)
```

Tint Color Variation

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

#a6abae
```
#a6abae rgb(166,171,174)
```
#a0acb4
```
#a0acb4 rgb(160,172,180)
```
#99adbb
```
#99adbb rgb(153,173,187)
```
#93afc1
```
#93afc1 rgb(147,175,193)
```
#8cb0c8
```
#8cb0c8 rgb(140,176,200)
```
#86b1ce
```
#86b1ce rgb(134,177,206)
```
#7fb2d5
```
#7fb2d5 rgb(127,178,213)
```
#79b4db
```
#79b4db rgb(121,180,219)
```
#72b5e2
```
#72b5e2 rgb(114,181,226)
```
#6bb6e9
```
#6bb6e9 rgb(107,182,233)
```
#65b8ef
```
#65b8ef rgb(101,184,239)
```
#5eb9f6
```
#5eb9f6 rgb(94,185,246)
```
#58bafc
```
#58bafc rgb(88,186,252)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9ca9b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b0dd Protanopia 1% of men
#a3afe7 Deuteranopia 1% of men
#6fbdcb Tritanopia 0.001% of the population

Trichromacy

#92b1df Protanomaly 1% of men, 0.01% of women
#91b1e5 Deuteranomaly 6% of men, 0.4% of women
#70bad3 Tritanomaly 0.01% of the population

#72b5e2 hex color

#72b5e2 Color Information

#72b5e2 Color Conversion

Color Schemes with #72b5e2

Alternatives to #72b5e2

#72b5e2 Preview

Shades and Tints of #72b5e2

Tones of #72b5e2

Color Blindness Simulator