colorhexa.com

#72b4f9 hex color

In a RGB color space, hex #72b4f9 is composed of 44.7% red, 70.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 27.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 210.7 degrees, a saturation of 91.8% and a lightness of 71.2%. #72b4f9 color hex could be obtained by blending #e4ffff with #0069f3. Closest websafe color is: #66ccff.

- R 45
- G 71
- B 98
RGB color chart
- C 54
- M 28
- Y 0
- K 2
CMYK color chart

● #72b4f9 color description : Soft blue.

The hexadecimal color #72b4f9 has RGB values of R:114, G:180, B:249 and CMYK values of C:0.54, M:0.28, Y:0, K:0.02. Its decimal value is 7517433.

Hex triplet	72b4f9	`#72b4f9`
RGB Decimal	114, 180, 249	`rgb(114,180,249)`
RGB Percent	44.7, 70.6, 97.6	`rgb(44.7%,70.6%,97.6%)`
CMYK	54, 28, 0, 2
HSL	210.7°, 91.8, 71.2	`hsl(210.7,91.8%,71.2%)`
HSV (or HSB)	210.7°, 54.2, 97.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.594, -1.758, -40.623
XYZ	40.356, 43.057, 95.802
xyY	0.225, 0.24, 43.057
CIE-LCH	71.594, 40.661, 267.522
CIE-LUV	71.594, -29.823, -65.449
Hunter-Lab	65.618, -5.052, -40.63
Binary	01110010, 10110100, 11111001

#72b4f9
```
#72b4f9 rgb(114,180,249)
```
#f9b772
```
#f9b772 rgb(249,183,114)
```

Complementary Color

#72f8f9
```
#72f8f9 rgb(114,248,249)
```
#72b4f9
```
#72b4f9 rgb(114,180,249)
```
#7472f9
```
#7472f9 rgb(116,114,249)
```

Analogous Color

#f8f972
```
#f8f972 rgb(248,249,114)
```
#72b4f9
```
#72b4f9 rgb(114,180,249)
```
#f97472
```
#f97472 rgb(249,116,114)
```

Split Complementary Color

#b4f972
```
#b4f972 rgb(180,249,114)
```
#72b4f9
```
#72b4f9 rgb(114,180,249)
```
#f972b4
```
#f972b4 rgb(249,114,180)
```

Triadic Color

#72f9b7
```
#72f9b7 rgb(114,249,183)
```
#72b4f9
```
#72b4f9 rgb(114,180,249)
```
#f972b4
```
#f972b4 rgb(249,114,180)
```
#f9b772
```
#f9b772 rgb(249,183,114)
```

Tetradic Color

#298df6
```
#298df6 rgb(41,141,246)
```
#419af7
```
#419af7 rgb(65,154,247)
```
#5aa7f8
```
#5aa7f8 rgb(90,167,248)
```
#72b4f9
```
#72b4f9 rgb(114,180,249)
```
#8ac1fa
```
#8ac1fa rgb(138,193,250)
```
#a3cefb
```
#a3cefb rgb(163,206,251)
```
#bbdbfc
```
#bbdbfc rgb(187,219,252)
```

Monochromatic Color

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

#72d6f9
```
#72d6f9 rgb(114,214,249)
```
#72cbf9
```
#72cbf9 rgb(114,203,249)
```
#72bff9
```
#72bff9 rgb(114,191,249)
```
#72b4f9
```
#72b4f9 rgb(114,180,249)
```
#72a9f9
```
#72a9f9 rgb(114,169,249)
```
#729ef9
```
#729ef9 rgb(114,158,249)
```
#7292f9
```
#7292f9 rgb(114,146,249)
```

Similar Colors

Text with hexadecimal color #72b4f9

This text has a font color of #72b4f9.

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

#72b4f9 background color

This paragraph has a background color of #72b4f9.

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

#72b4f9 border color

This element has a border color of #72b4f9.

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

CSS codes

.text {color:#72b4f9;}

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

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

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, #00050a is the darkest color, while #f6faff is the lightest one.

#00050a
```
#00050a rgb(0,5,10)
```
#010e1c
```
#010e1c rgb(1,14,28)
```
#02182f
```
#02182f rgb(2,24,47)
```
#032242
```
#032242 rgb(3,34,66)
```
#042b55
```
#042b55 rgb(4,43,85)
```
#043568
```
#043568 rgb(4,53,104)
```
#053f7a
```
#053f7a rgb(5,63,122)
```
#06488d
```
#06488d rgb(6,72,141)
```
#0752a0
```
#0752a0 rgb(7,82,160)
```
#085bb3
```
#085bb3 rgb(8,91,179)
```
#0865c6
```
#0865c6 rgb(8,101,198)
```
#096fd8
```
#096fd8 rgb(9,111,216)
```
#0a78eb
```
#0a78eb rgb(10,120,235)
```

Shade Color Variation

#1482f5
```
#1482f5 rgb(20,130,245)
```
#278cf6
```
#278cf6 rgb(39,140,246)
```
#3a96f7
```
#3a96f7 rgb(58,150,247)
```
#4ca0f7
```
#4ca0f7 rgb(76,160,247)
```
#5faaf8
```
#5faaf8 rgb(95,170,248)
```
#72b4f9
```
#72b4f9 rgb(114,180,249)
```
#85befa
```
#85befa rgb(133,190,250)
```
#98c8fb
```
#98c8fb rgb(152,200,251)
```
#aad2fb
```
#aad2fb rgb(170,210,251)
```
#bddcfc
```
#bddcfc rgb(189,220,252)
```
#d0e6fd
```
#d0e6fd rgb(208,230,253)
```
#e3f0fe
```
#e3f0fe rgb(227,240,254)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#b0b5bb
```
#b0b5bb rgb(176,181,187)
```
#abb5c0
```
#abb5c0 rgb(171,181,192)
```
#a5b5c6
```
#a5b5c6 rgb(165,181,198)
```
#9fb5cc
```
#9fb5cc rgb(159,181,204)
```
#9ab5d1
```
#9ab5d1 rgb(154,181,209)
```
#94b5d7
```
#94b5d7 rgb(148,181,215)
```
#8eb5dd
```
#8eb5dd rgb(142,181,221)
```
#89b5e2
```
#89b5e2 rgb(137,181,226)
```
#83b4e8
```
#83b4e8 rgb(131,180,232)
```
#7db4ee
```
#7db4ee rgb(125,180,238)
```
#78b4f3
```
#78b4f3 rgb(120,180,243)
```
#72b4f9
```
#72b4f9 rgb(114,180,249)
```
#6cb4ff
```
#6cb4ff rgb(108,180,255)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#9daab8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db1f4 Protanopia 1% of men
#94b2fb Deuteranopia 1% of men
#64c0ce Tritanopia 0.001% of the population

Trichromacy

#8db2f6 Protanomaly 1% of men, 0.01% of women
#87b2fa Deuteranomaly 6% of men, 0.4% of women
#69bbdd Tritanomaly 0.01% of the population