#72b0fd hex color

In a RGB color space, hex #72b0fd is composed of 44.7% red, 69% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 30.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 213.2 degrees, a saturation of 97.2% and a lightness of 72%. #72b0fd color hex could be obtained by blending #e4ffff with #0061fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 69
- B 99
RGB color chart
- C 55
- M 30
- Y 0
- K 1
CMYK color chart

● #72b0fd color description : Soft blue.

The hexadecimal color #72b0fd has RGB values of R:114, G:176, B:253 and CMYK values of C:0.55, M:0.3, Y:0, K:0.01. Its decimal value is 7516413.

Hex triplet	72b0fd	`#72b0fd`
RGB Decimal	114, 176, 253	`rgb(114,176,253)`
RGB Percent	44.7, 69, 99.2	`rgb(44.7%,69%,99.2%)`
CMYK	55, 30, 0, 1
HSL	213.2°, 97.2, 72	`hsl(213.2,97.2%,72%)`
HSV (or HSB)	213.2°, 54.9, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.676, 1.685, -44.222
XYZ	40.19, 41.718, 98.858
xyY	0.222, 0.231, 41.718
CIE-LCH	70.676, 44.254, 272.182
CIE-LUV	70.676, -28.317, -71.905
Hunter-Lab	64.589, -1.96, -45.534
Binary	01110010, 10110000, 11111101

#72b0fd
```
#72b0fd rgb(114,176,253)
```
#fdbf72
```
#fdbf72 rgb(253,191,114)
```

Complementary Color

#72f6fd
```
#72f6fd rgb(114,246,253)
```
#72b0fd
```
#72b0fd rgb(114,176,253)
```
#7a72fd
```
#7a72fd rgb(122,114,253)
```

Analogous Color

#f6fd72
```
#f6fd72 rgb(246,253,114)
```
#72b0fd
```
#72b0fd rgb(114,176,253)
```
#fd7a72
```
#fd7a72 rgb(253,122,114)
```

Split Complementary Color

#b0fd72
```
#b0fd72 rgb(176,253,114)
```
#72b0fd
```
#72b0fd rgb(114,176,253)
```
#fd72b0
```
#fd72b0 rgb(253,114,176)
```

Triadic Color

#72fdbf
```
#72fdbf rgb(114,253,191)
```
#72b0fd
```
#72b0fd rgb(114,176,253)
```
#fd72b0
```
#fd72b0 rgb(253,114,176)
```
#fdbf72
```
#fdbf72 rgb(253,191,114)
```

Tetradic Color

#2786fc
```
#2786fc rgb(39,134,252)
```
#4094fc
```
#4094fc rgb(64,148,252)
```
#59a2fd
```
#59a2fd rgb(89,162,253)
```
#72b0fd
```
#72b0fd rgb(114,176,253)
```
#8bbefd
```
#8bbefd rgb(139,190,253)
```
#a4ccfe
```
#a4ccfe rgb(164,204,254)
```
#bddafe
```
#bddafe rgb(189,218,254)
```

Monochromatic Color

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

#72d3fd
```
#72d3fd rgb(114,211,253)
```
#72c7fd
```
#72c7fd rgb(114,199,253)
```
#72bcfd
```
#72bcfd rgb(114,188,253)
```
#72b0fd
```
#72b0fd rgb(114,176,253)
```
#72a4fd
```
#72a4fd rgb(114,164,253)
```
#7299fd
```
#7299fd rgb(114,153,253)
```
#728dfd
```
#728dfd rgb(114,141,253)
```

Similar Colors

Text with hexadecimal color #72b0fd

This text has a font color of #72b0fd.

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

#72b0fd background color

This paragraph has a background color of #72b0fd.

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

#72b0fd border color

This element has a border color of #72b0fd.

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

CSS codes

.text {color:#72b0fd;}

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

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

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, #00060e is the darkest color, while #f9fcff is the lightest one.

#00060e
```
#00060e rgb(0,6,14)
```
#000f21
```
#000f21 rgb(0,15,33)
```
#011834
```
#011834 rgb(1,24,52)
```
#012148
```
#012148 rgb(1,33,72)
```
#01295b
```
#01295b rgb(1,41,91)
```
#02326e
```
#02326e rgb(2,50,110)
```
#023b82
```
#023b82 rgb(2,59,130)
```
#024495
```
#024495 rgb(2,68,149)
```
#024ca8
```
#024ca8 rgb(2,76,168)
```
#0355bc
```
#0355bc rgb(3,85,188)
```
#035ecf
```
#035ecf rgb(3,94,207)
```
#0367e2
```
#0367e2 rgb(3,103,226)
```
#0370f6
```
#0370f6 rgb(3,112,246)
```

Shade Color Variation

#117afc
```
#117afc rgb(17,122,252)
```
#2585fc
```
#2585fc rgb(37,133,252)
```
#388ffc
```
#388ffc rgb(56,143,252)
```
#4b9afc
```
#4b9afc rgb(75,154,252)
```
#5fa5fd
```
#5fa5fd rgb(95,165,253)
```
#72b0fd
```
#72b0fd rgb(114,176,253)
```
#85bbfd
```
#85bbfd rgb(133,187,253)
```
#99c6fe
```
#99c6fe rgb(153,198,254)
```
#acd1fe
```
#acd1fe rgb(172,209,254)
```
#bfdbfe
```
#bfdbfe rgb(191,219,254)
```
#d3e6fe
```
#d3e6fe rgb(211,230,254)
```
#e6f1ff
```
#e6f1ff rgb(230,241,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#b4b7bb
```
#b4b7bb rgb(180,183,187)
```
#afb7c1
```
#afb7c1 rgb(175,183,193)
```
#a9b6c6
```
#a9b6c6 rgb(169,182,198)
```
#a4b5cc
```
#a4b5cc rgb(164,181,204)
```
#9eb5d1
```
#9eb5d1 rgb(158,181,209)
```
#99b4d7
```
#99b4d7 rgb(153,180,215)
```
#93b4dc
```
#93b4dc rgb(147,180,220)
```
#8eb3e2
```
#8eb3e2 rgb(142,179,226)
```
#88b2e7
```
#88b2e7 rgb(136,178,231)
```
#83b2ed
```
#83b2ed rgb(131,178,237)
```
#7db1f2
```
#7db1f2 rgb(125,177,242)
```
#78b1f8
```
#78b1f8 rgb(120,177,248)
```
#72b0fd
```
#72b0fd rgb(114,176,253)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9ca8b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96aef9 Protanopia 1% of men
#8bb0fe Deuteranopia 1% of men
#61becc Tritanopia 0.001% of the population

Trichromacy

#89affa Protanomaly 1% of men, 0.01% of women
#82b0fe Deuteranomaly 6% of men, 0.4% of women
#67b9dd Tritanomaly 0.01% of the population

#72b0fd hex color

#72b0fd Color Information

#72b0fd Color Conversion

Color Schemes with #72b0fd

Alternatives to #72b0fd

#72b0fd Preview

Shades and Tints of #72b0fd

Tones of #72b0fd

Color Blindness Simulator