colorhexa.com

#72bbf2 hex color

In a RGB color space, hex #72bbf2 is composed of 44.7% red, 73.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 22.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 205.8 degrees, a saturation of 83.1% and a lightness of 69.8%. #72bbf2 color hex could be obtained by blending #e4ffff with #0077e5. Closest websafe color is: #66ccff.

- R 45
- G 73
- B 95
RGB color chart
- C 53
- M 23
- Y 0
- K 5
CMYK color chart

● #72bbf2 color description : Soft blue.

The hexadecimal color #72bbf2 has RGB values of R:114, G:187, B:242 and CMYK values of C:0.53, M:0.23, Y:0, K:0.05. Its decimal value is 7519218.

Hex triplet	72bbf2	`#72bbf2`
RGB Decimal	114, 187, 242	`rgb(114,187,242)`
RGB Percent	44.7, 73.3, 94.9	`rgb(44.7%,73.3%,94.9%)`
CMYK	53, 23, 0, 5
HSL	205.8°, 83.1, 69.8	`hsl(205.8,83.1%,69.8%)`
HSV (or HSB)	205.8°, 52.9, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.237, -7.674, -34.284
XYZ	40.733, 45.526, 90.641
xyY	0.23, 0.257, 45.526
CIE-LCH	73.237, 35.132, 257.383
CIE-LUV	73.237, -32.542, -54.047
Hunter-Lab	67.473, -10.32, -32.416
Binary	01110010, 10111011, 11110010

#72bbf2
```
#72bbf2 rgb(114,187,242)
```
#f2a972
```
#f2a972 rgb(242,169,114)
```

Complementary Color

#72f2e9
```
#72f2e9 rgb(114,242,233)
```
#72bbf2
```
#72bbf2 rgb(114,187,242)
```
#727bf2
```
#727bf2 rgb(114,123,242)
```

Analogous Color

#f2e972
```
#f2e972 rgb(242,233,114)
```
#72bbf2
```
#72bbf2 rgb(114,187,242)
```
#f2727b
```
#f2727b rgb(242,114,123)
```

Split Complementary Color

#bbf272
```
#bbf272 rgb(187,242,114)
```
#72bbf2
```
#72bbf2 rgb(114,187,242)
```
#f272bb
```
#f272bb rgb(242,114,187)
```

Triadic Color

#72f2a9
```
#72f2a9 rgb(114,242,169)
```
#72bbf2
```
#72bbf2 rgb(114,187,242)
```
#f272bb
```
#f272bb rgb(242,114,187)
```
#f2a972
```
#f2a972 rgb(242,169,114)
```

Tetradic Color

#2c99ec
```
#2c99ec rgb(44,153,236)
```
#43a4ee
```
#43a4ee rgb(67,164,238)
```
#5bb0f0
```
#5bb0f0 rgb(91,176,240)
```
#72bbf2
```
#72bbf2 rgb(114,187,242)
```
#89c6f4
```
#89c6f4 rgb(137,198,244)
```
#a1d2f6
```
#a1d2f6 rgb(161,210,246)
```
#b8ddf8
```
#b8ddf8 rgb(184,221,248)
```

Monochromatic Color

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

#72dbf2
```
#72dbf2 rgb(114,219,242)
```
#72d0f2
```
#72d0f2 rgb(114,208,242)
```
#72c6f2
```
#72c6f2 rgb(114,198,242)
```
#72bbf2
```
#72bbf2 rgb(114,187,242)
```
#72b0f2
```
#72b0f2 rgb(114,176,242)
```
#72a6f2
```
#72a6f2 rgb(114,166,242)
```
#729bf2
```
#729bf2 rgb(114,155,242)
```

Similar Colors

Text with hexadecimal color #72bbf2

This text has a font color of #72bbf2.

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

#72bbf2 background color

This paragraph has a background color of #72bbf2.

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

#72bbf2 border color

This element has a border color of #72bbf2.

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

CSS codes

.text {color:#72bbf2;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020d15
```
#020d15 rgb(2,13,21)
```
#041827
```
#041827 rgb(4,24,39)
```
#052239
```
#052239 rgb(5,34,57)
```
#072d4b
```
#072d4b rgb(7,45,75)
```
#09385c
```
#09385c rgb(9,56,92)
```
#0a436e
```
#0a436e rgb(10,67,110)
```
#0c4e80
```
#0c4e80 rgb(12,78,128)
```
#0d5992
```
#0d5992 rgb(13,89,146)
```
#0f64a4
```
#0f64a4 rgb(15,100,164)
```
#116fb6
```
#116fb6 rgb(17,111,182)
```
#127ac8
```
#127ac8 rgb(18,122,200)
```
#1485da
```
#1485da rgb(20,133,218)
```

Shade Color Variation

#1890ea
```
#1890ea rgb(24,144,234)
```
#2a98eb
```
#2a98eb rgb(42,152,235)
```
#3ca1ed
```
#3ca1ed rgb(60,161,237)
```
#4eaaef
```
#4eaaef rgb(78,170,239)
```
#60b2f0
```
#60b2f0 rgb(96,178,240)
```
#72bbf2
```
#72bbf2 rgb(114,187,242)
```
#84c4f4
```
#84c4f4 rgb(132,196,244)
```
#96ccf5
```
#96ccf5 rgb(150,204,245)
```
#a8d5f7
```
#a8d5f7 rgb(168,213,247)
```
#badef9
```
#badef9 rgb(186,222,249)
```
#cce6fa
```
#cce6fa rgb(204,230,250)
```
#deeffc
```
#deeffc rgb(222,239,252)
```
#f0f8fe
```
#f0f8fe rgb(240,248,254)
```

Tint Color Variation

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

#adb3b7
```
#adb3b7 rgb(173,179,183)
```
#a7b4bd
```
#a7b4bd rgb(167,180,189)
```
#a1b4c3
```
#a1b4c3 rgb(161,180,195)
```
#9bb5c9
```
#9bb5c9 rgb(155,181,201)
```
#96b6ce
```
#96b6ce rgb(150,182,206)
```
#90b7d4
```
#90b7d4 rgb(144,183,212)
```
#8ab8da
```
#8ab8da rgb(138,184,218)
```
#84b9e0
```
#84b9e0 rgb(132,185,224)
```
#7eb9e6
```
#7eb9e6 rgb(126,185,230)
```
#78baec
```
#78baec rgb(120,186,236)
```
#72bbf2
```
#72bbf2 rgb(114,187,242)
```
#6cbcf8
```
#6cbcf8 rgb(108,188,248)
```
#66bdfe
```
#66bdfe rgb(102,189,254)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a0aeb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b5ec Protanopia 1% of men
#a2b5f6 Deuteranopia 1% of men
#6ac4d2 Tritanopia 0.001% of the population

Trichromacy

#94b7ee Protanomaly 1% of men, 0.01% of women
#90b7f4 Deuteranomaly 6% of men, 0.4% of women
#6dc1de Tritanomaly 0.01% of the population