#72b3f6 hex color

In a RGB color space, hex #72b3f6 is composed of 44.7% red, 70.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 27.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 210.5 degrees, a saturation of 88% and a lightness of 70.6%. #72b3f6 color hex could be obtained by blending #e4ffff with #0067ed. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 45
- G 70
- B 96
RGB color chart
- C 54
- M 27
- Y 0
- K 4
CMYK color chart

● #72b3f6 color description : Soft blue.

The hexadecimal color #72b3f6 has RGB values of R:114, G:179, B:246 and CMYK values of C:0.54, M:0.27, Y:0, K:0.04. Its decimal value is 7517174.

Hex triplet	72b3f6	`#72b3f6`
RGB Decimal	114, 179, 246	`rgb(114,179,246)`
RGB Percent	44.7, 70.2, 96.5	`rgb(44.7%,70.2%,96.5%)`
CMYK	54, 27, 0, 4
HSL	210.5°, 88, 70.6	`hsl(210.5,88%,70.6%)`
HSV (or HSB)	210.5°, 53.7, 96.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.193, -2.108, -39.623
XYZ	39.69, 42.469, 93.29
xyY	0.226, 0.242, 42.469
CIE-LCH	71.193, 39.68, 266.955
CIE-LUV	71.193, -29.501, -63.649
Hunter-Lab	65.168, -5.331, -39.257
Binary	01110010, 10110011, 11110110

#72b3f6
```
#72b3f6 rgb(114,179,246)
```
#f6b572
```
#f6b572 rgb(246,181,114)
```

Complementary Color

#72f5f6
```
#72f5f6 rgb(114,245,246)
```
#72b3f6
```
#72b3f6 rgb(114,179,246)
```
#7372f6
```
#7372f6 rgb(115,114,246)
```

Analogous Color

#f5f672
```
#f5f672 rgb(245,246,114)
```
#72b3f6
```
#72b3f6 rgb(114,179,246)
```
#f67372
```
#f67372 rgb(246,115,114)
```

Split Complementary Color

#b3f672
```
#b3f672 rgb(179,246,114)
```
#72b3f6
```
#72b3f6 rgb(114,179,246)
```
#f672b3
```
#f672b3 rgb(246,114,179)
```

Triadic Color

#72f6b5
```
#72f6b5 rgb(114,246,181)
```
#72b3f6
```
#72b3f6 rgb(114,179,246)
```
#f672b3
```
#f672b3 rgb(246,114,179)
```
#f6b572
```
#f6b572 rgb(246,181,114)
```

Tetradic Color

#2a8cf1
```
#2a8cf1 rgb(42,140,241)
```
#4299f3
```
#4299f3 rgb(66,153,243)
```
#5aa6f4
```
#5aa6f4 rgb(90,166,244)
```
#72b3f6
```
#72b3f6 rgb(114,179,246)
```
#8ac0f8
```
#8ac0f8 rgb(138,192,248)
```
#a2cdf9
```
#a2cdf9 rgb(162,205,249)
```
#badafb
```
#badafb rgb(186,218,251)
```

Monochromatic Color

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

#72d4f6
```
#72d4f6 rgb(114,212,246)
```
#72c9f6
```
#72c9f6 rgb(114,201,246)
```
#72bef6
```
#72bef6 rgb(114,190,246)
```
#72b3f6
```
#72b3f6 rgb(114,179,246)
```
#72a8f6
```
#72a8f6 rgb(114,168,246)
```
#729df6
```
#729df6 rgb(114,157,246)
```
#7292f6
```
#7292f6 rgb(114,146,246)
```

Similar Colors

Text with hexadecimal color #72b3f6

This text has a font color of #72b3f6.

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

#72b3f6 background color

This paragraph has a background color of #72b3f6.

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

#72b3f6 border color

This element has a border color of #72b3f6.

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

CSS codes

.text {color:#72b3f6;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#020d19
```
#020d19 rgb(2,13,25)
```
#03172b
```
#03172b rgb(3,23,43)
```
#04203e
```
#04203e rgb(4,32,62)
```
#052a50
```
#052a50 rgb(5,42,80)
```
#063463
```
#063463 rgb(6,52,99)
```
#073d75
```
#073d75 rgb(7,61,117)
```
#094788
```
#094788 rgb(9,71,136)
```
#0a519a
```
#0a519a rgb(10,81,154)
```
#0b5bac
```
#0b5bac rgb(11,91,172)
```
#0c64bf
```
#0c64bf rgb(12,100,191)
```
#0d6ed1
```
#0d6ed1 rgb(13,110,209)
```
#0f78e4
```
#0f78e4 rgb(15,120,228)
```

Shade Color Variation

#1681f0
```
#1681f0 rgb(22,129,240)
```
#288bf1
```
#288bf1 rgb(40,139,241)
```
#3b95f2
```
#3b95f2 rgb(59,149,242)
```
#4d9ff4
```
#4d9ff4 rgb(77,159,244)
```
#60a9f5
```
#60a9f5 rgb(96,169,245)
```
#72b3f6
```
#72b3f6 rgb(114,179,246)
```
#84bdf7
```
#84bdf7 rgb(132,189,247)
```
#97c7f8
```
#97c7f8 rgb(151,199,248)
```
#a9d1fa
```
#a9d1fa rgb(169,209,250)
```
#bcdbfb
```
#bcdbfb rgb(188,219,251)
```
#cee5fc
```
#cee5fc rgb(206,229,252)
```
#e1effd
```
#e1effd rgb(225,239,253)
```
#f3f9fe
```
#f3f9fe rgb(243,249,254)
```

Tint Color Variation

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

#b1b4b7
```
#b1b4b7 rgb(177,180,183)
```
#acb4bc
```
#acb4bc rgb(172,180,188)
```
#a6b4c2
```
#a6b4c2 rgb(166,180,194)
```
#a0b4c8
```
#a0b4c8 rgb(160,180,200)
```
#9ab4ce
```
#9ab4ce rgb(154,180,206)
```
#95b4d3
```
#95b4d3 rgb(149,180,211)
```
#8fb3d9
```
#8fb3d9 rgb(143,179,217)
```
#89b3df
```
#89b3df rgb(137,179,223)
```
#83b3e5
```
#83b3e5 rgb(131,179,229)
```
#7eb3ea
```
#7eb3ea rgb(126,179,234)
```
#78b3f0
```
#78b3f0 rgb(120,179,240)
```
#72b3f6
```
#72b3f6 rgb(114,179,246)
```
#6cb3fc
```
#6cb3fc rgb(108,179,252)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9ca9b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db0f1 Protanopia 1% of men
#94b1f8 Deuteranopia 1% of men
#65bfcd Tritanopia 0.001% of the population

Trichromacy

#8db1f3 Protanomaly 1% of men, 0.01% of women
#88b1f7 Deuteranomaly 6% of men, 0.4% of women
#6abadc Tritanomaly 0.01% of the population

#72b3f6 hex color

#72b3f6 Color Information

#72b3f6 Color Conversion

Color Schemes with #72b3f6

Alternatives to #72b3f6

#72b3f6 Preview

Shades and Tints of #72b3f6

Tones of #72b3f6

Color Blindness Simulator