#72b4dc hex color

In a RGB color space, hex #72b4dc is composed of 44.7% red, 70.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 18.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 202.6 degrees, a saturation of 60.2% and a lightness of 65.5%. #72b4dc color hex could be obtained by blending #e4ffff with #0069b9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 45
- G 71
- B 86
RGB color chart
- C 48
- M 18
- Y 0
- K 14
CMYK color chart

● #72b4dc color description : Soft blue.

The hexadecimal color #72b4dc has RGB values of R:114, G:180, B:220 and CMYK values of C:0.48, M:0.18, Y:0, K:0.14. Its decimal value is 7517404.

Hex triplet	72b4dc	`#72b4dc`
RGB Decimal	114, 180, 220	`rgb(114,180,220)`
RGB Percent	44.7, 70.6, 86.3	`rgb(44.7%,70.6%,86.3%)`
CMYK	48, 18, 0, 14
HSL	202.6°, 60.2, 65.5	`hsl(202.6,60.2%,65.5%)`
HSV (or HSB)	202.6°, 48.2, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.445, -10.256, -26.63
XYZ	36.176, 41.385, 73.788
xyY	0.239, 0.273, 41.385
CIE-LCH	70.445, 28.537, 248.936
CIE-LUV	70.445, -30.303, -40.54
Hunter-Lab	64.331, -12.203, -22.974
Binary	01110010, 10110100, 11011100

#72b4dc
```
#72b4dc rgb(114,180,220)
```
#dc9a72
```
#dc9a72 rgb(220,154,114)
```

Complementary Color

#72dccf
```
#72dccf rgb(114,220,207)
```
#72b4dc
```
#72b4dc rgb(114,180,220)
```
#727fdc
```
#727fdc rgb(114,127,220)
```

Analogous Color

#dccf72
```
#dccf72 rgb(220,207,114)
```
#72b4dc
```
#72b4dc rgb(114,180,220)
```
#dc727f
```
#dc727f rgb(220,114,127)
```

Split Complementary Color

#b4dc72
```
#b4dc72 rgb(180,220,114)
```
#72b4dc
```
#72b4dc rgb(114,180,220)
```
#dc72b4
```
#dc72b4 rgb(220,114,180)
```

Triadic Color

#72dc9a
```
#72dc9a rgb(114,220,154)
```
#72b4dc
```
#72b4dc rgb(114,180,220)
```
#dc72b4
```
#dc72b4 rgb(220,114,180)
```
#dc9a72
```
#dc9a72 rgb(220,154,114)
```

Tetradic Color

#3593cd
```
#3593cd rgb(53,147,205)
```
#499ed2
```
#499ed2 rgb(73,158,210)
```
#5ea9d7
```
#5ea9d7 rgb(94,169,215)
```
#72b4dc
```
#72b4dc rgb(114,180,220)
```
#86bfe1
```
#86bfe1 rgb(134,191,225)
```
#9bcae6
```
#9bcae6 rgb(155,202,230)
```
#afd5eb
```
#afd5eb rgb(175,213,235)
```

Monochromatic Color

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

#72cfdc
```
#72cfdc rgb(114,207,220)
```
#72c6dc
```
#72c6dc rgb(114,198,220)
```
#72bddc
```
#72bddc rgb(114,189,220)
```
#72b4dc
```
#72b4dc rgb(114,180,220)
```
#72abdc
```
#72abdc rgb(114,171,220)
```
#72a2dc
```
#72a2dc rgb(114,162,220)
```
#729adc
```
#729adc rgb(114,154,220)
```

Similar Colors

Text with hexadecimal color #72b4dc

This text has a font color of #72b4dc.

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

#72b4dc background color

This paragraph has a background color of #72b4dc.

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

#72b4dc border color

This element has a border color of #72b4dc.

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

CSS codes

.text {color:#72b4dc;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040c10
```
#040c10 rgb(4,12,16)
```
#081720
```
#081720 rgb(8,23,32)
```
#0c2230
```
#0c2230 rgb(12,34,48)
```
#102d3f
```
#102d3f rgb(16,45,63)
```
#14394f
```
#14394f rgb(20,57,79)
```
#18445f
```
#18445f rgb(24,68,95)
```
#1b4f6e
```
#1b4f6e rgb(27,79,110)
```
#1f5a7e
```
#1f5a7e rgb(31,90,126)
```
#23668e
```
#23668e rgb(35,102,142)
```
#27719e
```
#27719e rgb(39,113,158)
```
#2b7cad
```
#2b7cad rgb(43,124,173)
```
#2f87bd
```
#2f87bd rgb(47,135,189)
```

Shade Color Variation

#3393cc
```
#3393cc rgb(51,147,204)
```
#439bd0
```
#439bd0 rgb(67,155,208)
```
#53a3d4
```
#53a3d4 rgb(83,163,212)
```
#62acd8
```
#62acd8 rgb(98,172,216)
```
#72b4dc
```
#72b4dc rgb(114,180,220)
```
#82bce0
```
#82bce0 rgb(130,188,224)
```
#91c5e4
```
#91c5e4 rgb(145,197,228)
```
#a1cde8
```
#a1cde8 rgb(161,205,232)
```
#b1d5ec
```
#b1d5ec rgb(177,213,236)
```
#c1def0
```
#c1def0 rgb(193,222,240)
```
#d0e6f3
```
#d0e6f3 rgb(208,230,243)
```
#e0eff7
```
#e0eff7 rgb(224,239,247)
```
#f0f7fb
```
#f0f7fb rgb(240,247,251)
```

Tint Color Variation

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

#a1a8ad
```
#a1a8ad rgb(161,168,173)
```
#9baab3
```
#9baab3 rgb(155,170,179)
```
#94acba
```
#94acba rgb(148,172,186)
```
#8dadc1
```
#8dadc1 rgb(141,173,193)
```
#86afc8
```
#86afc8 rgb(134,175,200)
```
#80b1ce
```
#80b1ce rgb(128,177,206)
```
#79b2d5
```
#79b2d5 rgb(121,178,213)
```
#72b4dc
```
#72b4dc rgb(114,180,220)
```
#6bb6e3
```
#6bb6e3 rgb(107,182,227)
```
#64b7ea
```
#64b7ea rgb(100,183,234)
```
#5eb9f0
```
#5eb9f0 rgb(94,185,240)
```
#57bbf7
```
#57bbf7 rgb(87,187,247)
```
#50bcfe
```
#50bcfe rgb(80,188,254)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9ba8b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6aed8 Protanopia 1% of men
#a4ade1 Deuteranopia 1% of men
#71bbc9 Tritanopia 0.001% of the population

Trichromacy

#93b0d9 Protanomaly 1% of men, 0.01% of women
#92b0df Deuteranomaly 6% of men, 0.4% of women
#71b8d0 Tritanomaly 0.01% of the population

#72b4dc hex color

#72b4dc Color Information

#72b4dc Color Conversion

Color Schemes with #72b4dc

Alternatives to #72b4dc

#72b4dc Preview

Shades and Tints of #72b4dc

Tones of #72b4dc

Color Blindness Simulator