#0072f4 hex color

In a RGB color space, hex #0072f4 is composed of 0% red, 44.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 53.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 212 degrees, a saturation of 100% and a lightness of 47.8%. #0072f4 color hex could be obtained by blending #00e4ff with #0000e9. Closest websafe color is: #0066ff.

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

● #0072f4 color description : Pure (or mostly pure) blue.

The hexadecimal color #0072f4 has RGB values of R:0, G:114, B:244 and CMYK values of C:1, M:0.53, Y:0, K:0.04. Its decimal value is 29428.

Hex triplet	0072f4	`#0072f4`
RGB Decimal	0, 114, 244	`rgb(0,114,244)`
RGB Percent	0, 44.7, 95.7	`rgb(0%,44.7%,95.7%)`
CMYK	100, 53, 0, 4
HSL	212°, 100, 47.8	`hsl(212,100%,47.8%)`
HSV (or HSB)	212°, 100, 95.7
Web Safe	0066ff	`#0066ff`

CIE-LAB	50.173, 23.351, -72.196
XYZ	22.343, 18.564, 87.989
xyY	0.173, 0.144, 18.564
CIE-LCH	50.173, 75.878, 287.923
CIE-LUV	50.173, -25.827, -112.516
Hunter-Lab	43.086, 17.162, -90.919
Binary	00000000, 01110010, 11110100

#0072f4
```
#0072f4 rgb(0,114,244)
```
#f48200
```
#f48200 rgb(244,130,0)
```

Complementary Color

#00ecf4
```
#00ecf4 rgb(0,236,244)
```
#0072f4
```
#0072f4 rgb(0,114,244)
```
#0800f4
```
#0800f4 rgb(8,0,244)
```

Analogous Color

#ecf400
```
#ecf400 rgb(236,244,0)
```
#0072f4
```
#0072f4 rgb(0,114,244)
```
#f40800
```
#f40800 rgb(244,8,0)
```

Split Complementary Color

#72f400
```
#72f400 rgb(114,244,0)
```
#0072f4
```
#0072f4 rgb(0,114,244)
```
#f40072
```
#f40072 rgb(244,0,114)
```

Triadic Color

#00f482
```
#00f482 rgb(0,244,130)
```
#0072f4
```
#0072f4 rgb(0,114,244)
```
#f40072
```
#f40072 rgb(244,0,114)
```
#f48200
```
#f48200 rgb(244,130,0)
```

Tetradic Color

#004ea8
```
#004ea8 rgb(0,78,168)
```
#005ac1
```
#005ac1 rgb(0,90,193)
```
#0066db
```
#0066db rgb(0,102,219)
```
#0072f4
```
#0072f4 rgb(0,114,244)
```
#0f7fff
```
#0f7fff rgb(15,127,255)
```
#288cff
```
#288cff rgb(40,140,255)
```
#429aff
```
#429aff rgb(66,154,255)
```

Monochromatic Color

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

#00aff4
```
#00aff4 rgb(0,175,244)
```
#009bf4
```
#009bf4 rgb(0,155,244)
```
#0086f4
```
#0086f4 rgb(0,134,244)
```
#0072f4
```
#0072f4 rgb(0,114,244)
```
#005ef4
```
#005ef4 rgb(0,94,244)
```
#0049f4
```
#0049f4 rgb(0,73,244)
```
#0035f4
```
#0035f4 rgb(0,53,244)
```

Similar Colors

Text with hexadecimal color #0072f4

This text has a font color of #0072f4.

<span style="color:#0072f4;">Text here</span>

#0072f4 background color

This paragraph has a background color of #0072f4.

<p style="background-color:#0072f4;">Content here</p>

#0072f4 border color

This element has a border color of #0072f4.

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

CSS codes

.text {color:#0072f4;}

.background {background-color:#0072f4;}

.border {border:1px solid #0072f4;}

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

#000409
```
#000409 rgb(0,4,9)
```
#000d1c
```
#000d1c rgb(0,13,28)
```
#001630
```
#001630 rgb(0,22,48)
```
#002043
```
#002043 rgb(0,32,67)
```
#002957
```
#002957 rgb(0,41,87)
```
#00326b
```
#00326b rgb(0,50,107)
```
#003b7e
```
#003b7e rgb(0,59,126)
```
#004492
```
#004492 rgb(0,68,146)
```
#004da6
```
#004da6 rgb(0,77,166)
```
#0057b9
```
#0057b9 rgb(0,87,185)
```
#0060cd
```
#0060cd rgb(0,96,205)
```
#0069e0
```
#0069e0 rgb(0,105,224)
```
#0072f4
```
#0072f4 rgb(0,114,244)
```

Shade Color Variation

#097cff
```
#097cff rgb(9,124,255)
```
#1c86ff
```
#1c86ff rgb(28,134,255)
```
#3091ff
```
#3091ff rgb(48,145,255)
```
#439bff
```
#439bff rgb(67,155,255)
```
#57a6ff
```
#57a6ff rgb(87,166,255)
```
#6bb0ff
```
#6bb0ff rgb(107,176,255)
```
#7ebaff
```
#7ebaff rgb(126,186,255)
```
#92c5ff
```
#92c5ff rgb(146,197,255)
```
#a6cfff
```
#a6cfff rgb(166,207,255)
```
#b9daff
```
#b9daff rgb(185,218,255)
```
#cde4ff
```
#cde4ff rgb(205,228,255)
```
#e0efff
```
#e0efff rgb(224,239,255)
```
#f4f9ff
```
#f4f9ff rgb(244,249,255)
```

Tint Color Variation

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

#717983
```
#717983 rgb(113,121,131)
```
#67798d
```
#67798d rgb(103,121,141)
```
#5e7896
```
#5e7896 rgb(94,120,150)
```
#5478a0
```
#5478a0 rgb(84,120,160)
```
#4b77a9
```
#4b77a9 rgb(75,119,169)
```
#4276b2
```
#4276b2 rgb(66,118,178)
```
#3876bc
```
#3876bc rgb(56,118,188)
```
#2f75c5
```
#2f75c5 rgb(47,117,197)
```
#2674ce
```
#2674ce rgb(38,116,206)
```
#1c74d8
```
#1c74d8 rgb(28,116,216)
```
#1373e1
```
#1373e1 rgb(19,115,225)
```
#0973eb
```
#0973eb rgb(9,115,235)
```
#0072f4
```
#0072f4 rgb(0,114,244)
```

Tone Color Variation

Below, you can see how #0072f4 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

#5f5f5f Achromatopsia 0.005% of the population
#4c637d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d2 Deuteranopia 1% of men
#008a92 Tritanopia 0.001% of the population

Trichromacy

#0077f1 Protanomaly 1% of men, 0.01% of women
#007bde Deuteranomaly 6% of men, 0.4% of women
#0081b5 Tritanomaly 0.01% of the population

#0072f4 hex color

#0072f4 Color Information

#0072f4 Color Conversion

Color Schemes with #0072f4

Alternatives to #0072f4

#0072f4 Preview

Shades and Tints of #0072f4

Tones of #0072f4

Color Blindness Simulator