#72a7dc hex color

In a RGB color space, hex #72a7dc is composed of 44.7% red, 65.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 24.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 210 degrees, a saturation of 60.2% and a lightness of 65.5%. #72a7dc color hex could be obtained by blending #e4ffff with #004fb9. Closest websafe color is: #6699cc.

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

● #72a7dc color description : Soft blue.

The hexadecimal color #72a7dc has RGB values of R:114, G:167, B:220 and CMYK values of C:0.48, M:0.24, Y:0, K:0.14. Its decimal value is 7514076.

Hex triplet	72a7dc	`#72a7dc`
RGB Decimal	114, 167, 220	`rgb(114,167,220)`
RGB Percent	44.7, 65.5, 86.3	`rgb(44.7%,65.5%,86.3%)`
CMYK	48, 24, 0, 14
HSL	210°, 60.2, 65.5	`hsl(210,60.2%,65.5%)`
HSV (or HSB)	210°, 48.2, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.81, -3.142, -32.234
XYZ	33.673, 36.38, 72.954
xyY	0.235, 0.254, 36.38
CIE-LCH	66.81, 32.386, 264.433
CIE-LUV	66.81, -25.276, -50.509
Hunter-Lab	60.316, -5.9, -29.491
Binary	01110010, 10100111, 11011100

#72a7dc
```
#72a7dc rgb(114,167,220)
```
#dca772
```
#dca772 rgb(220,167,114)
```

Complementary Color

#72dcdc
```
#72dcdc rgb(114,220,220)
```
#72a7dc
```
#72a7dc rgb(114,167,220)
```
#7272dc
```
#7272dc rgb(114,114,220)
```

Analogous Color

#dcdc72
```
#dcdc72 rgb(220,220,114)
```
#72a7dc
```
#72a7dc rgb(114,167,220)
```
#dc7272
```
#dc7272 rgb(220,114,114)
```

Split Complementary Color

#a7dc72
```
#a7dc72 rgb(167,220,114)
```
#72a7dc
```
#72a7dc rgb(114,167,220)
```
#dc72a7
```
#dc72a7 rgb(220,114,167)
```

Triadic Color

#72dca7
```
#72dca7 rgb(114,220,167)
```
#72a7dc
```
#72a7dc rgb(114,167,220)
```
#dc72a7
```
#dc72a7 rgb(220,114,167)
```
#dca772
```
#dca772 rgb(220,167,114)
```

Tetradic Color

#3581cd
```
#3581cd rgb(53,129,205)
```
#498ed2
```
#498ed2 rgb(73,142,210)
```
#5e9ad7
```
#5e9ad7 rgb(94,154,215)
```
#72a7dc
```
#72a7dc rgb(114,167,220)
```
#86b4e1
```
#86b4e1 rgb(134,180,225)
```
#9bc1e6
```
#9bc1e6 rgb(155,193,230)
```
#afcdeb
```
#afcdeb rgb(175,205,235)
```

Monochromatic Color

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

#72c2dc
```
#72c2dc rgb(114,194,220)
```
#72b9dc
```
#72b9dc rgb(114,185,220)
```
#72b0dc
```
#72b0dc rgb(114,176,220)
```
#72a7dc
```
#72a7dc rgb(114,167,220)
```
#729edc
```
#729edc rgb(114,158,220)
```
#7295dc
```
#7295dc rgb(114,149,220)
```
#728ddc
```
#728ddc rgb(114,141,220)
```

Similar Colors

Text with hexadecimal color #72a7dc

This text has a font color of #72a7dc.

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

#72a7dc background color

This paragraph has a background color of #72a7dc.

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

#72a7dc border color

This element has a border color of #72a7dc.

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

CSS codes

.text {color:#72a7dc;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040a10
```
#040a10 rgb(4,10,16)
```
#081420
```
#081420 rgb(8,20,32)
```
#0c1e30
```
#0c1e30 rgb(12,30,48)
```
#10283f
```
#10283f rgb(16,40,63)
```
#14314f
```
#14314f rgb(20,49,79)
```
#183b5f
```
#183b5f rgb(24,59,95)
```
#1b456e
```
#1b456e rgb(27,69,110)
```
#1f4f7e
```
#1f4f7e rgb(31,79,126)
```
#23598e
```
#23598e rgb(35,89,142)
```
#27629e
```
#27629e rgb(39,98,158)
```
#2b6cad
```
#2b6cad rgb(43,108,173)
```
#2f76bd
```
#2f76bd rgb(47,118,189)
```

Shade Color Variation

#3380cc
```
#3380cc rgb(51,128,204)
```
#438ad0
```
#438ad0 rgb(67,138,208)
```
#5393d4
```
#5393d4 rgb(83,147,212)
```
#629dd8
```
#629dd8 rgb(98,157,216)
```
#72a7dc
```
#72a7dc rgb(114,167,220)
```
#82b1e0
```
#82b1e0 rgb(130,177,224)
```
#91bbe4
```
#91bbe4 rgb(145,187,228)
```
#a1c4e8
```
#a1c4e8 rgb(161,196,232)
```
#b1ceec
```
#b1ceec rgb(177,206,236)
```
#c1d8f0
```
#c1d8f0 rgb(193,216,240)
```
#d0e2f3
```
#d0e2f3 rgb(208,226,243)
```
#e0ecf7
```
#e0ecf7 rgb(224,236,247)
```
#f0f5fb
```
#f0f5fb rgb(240,245,251)
```

Tint Color Variation

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

#a1a7ad
```
#a1a7ad rgb(161,167,173)
```
#9ba7b3
```
#9ba7b3 rgb(155,167,179)
```
#94a7ba
```
#94a7ba rgb(148,167,186)
```
#8da7c1
```
#8da7c1 rgb(141,167,193)
```
#86a7c8
```
#86a7c8 rgb(134,167,200)
```
#80a7ce
```
#80a7ce rgb(128,167,206)
```
#79a7d5
```
#79a7d5 rgb(121,167,213)
```
#72a7dc
```
#72a7dc rgb(114,167,220)
```
#6ba7e3
```
#6ba7e3 rgb(107,167,227)
```
#64a7ea
```
#64a7ea rgb(100,167,234)
```
#5ea7f0
```
#5ea7f0 rgb(94,167,240)
```
#57a7f7
```
#57a7f7 rgb(87,167,247)
```
#50a7fe
```
#50a7fe rgb(80,167,254)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#949faa Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a5d9 Protanopia 1% of men
#93a5e0 Deuteranopia 1% of men
#6cb1be Tritanopia 0.001% of the population

Trichromacy

#8aa6da Protanomaly 1% of men, 0.01% of women
#87a6de Deuteranomaly 6% of men, 0.4% of women
#6eadc9 Tritanomaly 0.01% of the population

#72a7dc hex color

#72a7dc Color Information

#72a7dc Color Conversion

Color Schemes with #72a7dc

Alternatives to #72a7dc

#72a7dc Preview

Shades and Tints of #72a7dc

Tones of #72a7dc

Color Blindness Simulator