#72b4cf hex color

In a RGB color space, hex #72b4cf is composed of 44.7% red, 70.6% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 13% magenta, 0% yellow and 18.8% black. It has a hue angle of 197.4 degrees, a saturation of 49.2% and a lightness of 62.9%. #72b4cf color hex could be obtained by blending #e4ffff with #00699f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 45
- G 71
- B 81
RGB color chart
- C 45
- M 13
- Y 0
- K 19
CMYK color chart

● #72b4cf color description : Slightly desaturated blue.

The hexadecimal color #72b4cf has RGB values of R:114, G:180, B:207 and CMYK values of C:0.45, M:0.13, Y:0, K:0.19. Its decimal value is 7517391.

Hex triplet	72b4cf	`#72b4cf`
RGB Decimal	114, 180, 207	`rgb(114,180,207)`
RGB Percent	44.7, 70.6, 81.2	`rgb(44.7%,70.6%,81.2%)`
CMYK	45, 13, 0, 19
HSL	197.4°, 49.2, 62.9	`hsl(197.4,49.2%,62.9%)`
HSV (or HSB)	197.4°, 44.9, 81.2
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.981, -13.872, -20.218
XYZ	34.52, 40.723, 65.069
xyY	0.246, 0.29, 40.723
CIE-LCH	69.981, 24.52, 235.545
CIE-LUV	69.981, -30.54, -29.4
Hunter-Lab	63.815, -15.116, -15.786
Binary	01110010, 10110100, 11001111

#72b4cf
```
#72b4cf rgb(114,180,207)
```
#cf8d72
```
#cf8d72 rgb(207,141,114)
```

Complementary Color

#72cfbc
```
#72cfbc rgb(114,207,188)
```
#72b4cf
```
#72b4cf rgb(114,180,207)
```
#7286cf
```
#7286cf rgb(114,134,207)
```

Analogous Color

#cfbc72
```
#cfbc72 rgb(207,188,114)
```
#72b4cf
```
#72b4cf rgb(114,180,207)
```
#cf7286
```
#cf7286 rgb(207,114,134)
```

Split Complementary Color

#b4cf72
```
#b4cf72 rgb(180,207,114)
```
#72b4cf
```
#72b4cf rgb(114,180,207)
```
#cf72b4
```
#cf72b4 rgb(207,114,180)
```

Triadic Color

#72cf8d
```
#72cf8d rgb(114,207,141)
```
#72b4cf
```
#72b4cf rgb(114,180,207)
```
#cf72b4
```
#cf72b4 rgb(207,114,180)
```
#cf8d72
```
#cf8d72 rgb(207,141,114)
```

Tetradic Color

#3e93b6
```
#3e93b6 rgb(62,147,182)
```
#4ca0c2
```
#4ca0c2 rgb(76,160,194)
```
#5faac9
```
#5faac9 rgb(95,170,201)
```
#72b4cf
```
#72b4cf rgb(114,180,207)
```
#85bed5
```
#85bed5 rgb(133,190,213)
```
#98c8dc
```
#98c8dc rgb(152,200,220)
```
#abd2e2
```
#abd2e2 rgb(171,210,226)
```

Monochromatic Color

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

#72cbcf
```
#72cbcf rgb(114,203,207)
```
#72c4cf
```
#72c4cf rgb(114,196,207)
```
#72bccf
```
#72bccf rgb(114,188,207)
```
#72b4cf
```
#72b4cf rgb(114,180,207)
```
#72accf
```
#72accf rgb(114,172,207)
```
#72a5cf
```
#72a5cf rgb(114,165,207)
```
#729dcf
```
#729dcf rgb(114,157,207)
```

Similar Colors

Text with hexadecimal color #72b4cf

This text has a font color of #72b4cf.

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

#72b4cf background color

This paragraph has a background color of #72b4cf.

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

#72b4cf border color

This element has a border color of #72b4cf.

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

CSS codes

.text {color:#72b4cf;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#071014
```
#071014 rgb(7,16,20)
```
#0c1c23
```
#0c1c23 rgb(12,28,35)
```
#112831
```
#112831 rgb(17,40,49)
```
#163440
```
#163440 rgb(22,52,64)
```
#1b3f4f
```
#1b3f4f rgb(27,63,79)
```
#204b5d
```
#204b5d rgb(32,75,93)
```
#25576c
```
#25576c rgb(37,87,108)
```
#2a637a
```
#2a637a rgb(42,99,122)
```
#2f6f89
```
#2f6f89 rgb(47,111,137)
```
#347b98
```
#347b98 rgb(52,123,152)
```
#3986a6
```
#3986a6 rgb(57,134,166)
```
#3e92b5
```
#3e92b5 rgb(62,146,181)
```

Shade Color Variation

#469dc0
```
#469dc0 rgb(70,157,192)
```
#55a4c5
```
#55a4c5 rgb(85,164,197)
```
#63acca
```
#63acca rgb(99,172,202)
```
#72b4cf
```
#72b4cf rgb(114,180,207)
```
#81bcd4
```
#81bcd4 rgb(129,188,212)
```
#8fc4d9
```
#8fc4d9 rgb(143,196,217)
```
#9ecbde
```
#9ecbde rgb(158,203,222)
```
#add3e3
```
#add3e3 rgb(173,211,227)
```
#bbdbe8
```
#bbdbe8 rgb(187,219,232)
```
#cae3ed
```
#cae3ed rgb(202,227,237)
```
#d8eaf2
```
#d8eaf2 rgb(216,234,242)
```
#e7f2f7
```
#e7f2f7 rgb(231,242,247)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ea2a3 is the less saturated color, while #46c6fb is the most saturated one.

#9ea2a3
```
#9ea2a3 rgb(158,162,163)
```
#96a5ab
```
#96a5ab rgb(150,165,171)
```
#8fa8b2
```
#8fa8b2 rgb(143,168,178)
```
#88abb9
```
#88abb9 rgb(136,171,185)
```
#81aec0
```
#81aec0 rgb(129,174,192)
```
#79b1c8
```
#79b1c8 rgb(121,177,200)
```
#72b4cf
```
#72b4cf rgb(114,180,207)
```
#6bb7d6
```
#6bb7d6 rgb(107,183,214)
```
#63bade
```
#63bade rgb(99,186,222)
```
#5cbde5
```
#5cbde5 rgb(92,189,229)
```
#55c0ec
```
#55c0ec rgb(85,192,236)
```
#4ec3f3
```
#4ec3f3 rgb(78,195,243)
```
#46c6fb
```
#46c6fb rgb(70,198,251)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#99a6ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9adcb Protanopia 1% of men
#aaacd5 Deuteranopia 1% of men
#75b9c7 Tritanopia 0.001% of the population

Trichromacy

#95b0cc Protanomaly 1% of men, 0.01% of women
#96afd3 Deuteranomaly 6% of men, 0.4% of women
#74b7ca Tritanomaly 0.01% of the population

#72b4cf hex color

#72b4cf Color Information

#72b4cf Color Conversion

Color Schemes with #72b4cf

Alternatives to #72b4cf

#72b4cf Preview

Shades and Tints of #72b4cf

Tones of #72b4cf

Color Blindness Simulator