#0474f8 hex color

In a RGB color space, hex #0474f8 is composed of 1.6% red, 45.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 53.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 212.5 degrees, a saturation of 96.8% and a lightness of 49.4%. #0474f8 color hex could be obtained by blending #08e8ff with #0000f1. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 2
- G 45
- B 97
RGB color chart
- C 98
- M 53
- Y 0
- K 3
CMYK color chart

● #0474f8 color description : Vivid blue.

The hexadecimal color #0474f8 has RGB values of R:4, G:116, B:248 and CMYK values of C:0.98, M:0.53, Y:0, K:0.03. Its decimal value is 292088.

Hex triplet	0474f8	`#0474f8`
RGB Decimal	4, 116, 248	`rgb(4,116,248)`
RGB Percent	1.6, 45.5, 97.3	`rgb(1.6%,45.5%,97.3%)`
CMYK	98, 53, 0, 3
HSL	212.5°, 96.8, 49.4	`hsl(212.5,96.8%,49.4%)`
HSV (or HSB)	212.5°, 98.4, 97.3
Web Safe	0066ff	`#0066ff`

CIE-LAB	51.027, 23.726, -73.033
XYZ	23.235, 19.292, 91.301
xyY	0.174, 0.144, 19.292
CIE-LCH	51.027, 76.791, 287.997
CIE-LUV	51.027, -26.122, -114.299
Hunter-Lab	43.922, 17.562, -92.499
Binary	00000100, 01110100, 11111000

#0474f8
```
#0474f8 rgb(4,116,248)
```
#f88804
```
#f88804 rgb(248,136,4)
```

Complementary Color

#04eef8
```
#04eef8 rgb(4,238,248)
```
#0474f8
```
#0474f8 rgb(4,116,248)
```
#0e04f8
```
#0e04f8 rgb(14,4,248)
```

Analogous Color

#eef804
```
#eef804 rgb(238,248,4)
```
#0474f8
```
#0474f8 rgb(4,116,248)
```
#f80e04
```
#f80e04 rgb(248,14,4)
```

Split Complementary Color

#74f804
```
#74f804 rgb(116,248,4)
```
#0474f8
```
#0474f8 rgb(4,116,248)
```
#f80474
```
#f80474 rgb(248,4,116)
```

Triadic Color

#04f888
```
#04f888 rgb(4,248,136)
```
#0474f8
```
#0474f8 rgb(4,116,248)
```
#f80474
```
#f80474 rgb(248,4,116)
```
#f88804
```
#f88804 rgb(248,136,4)
```

Tetradic Color

#0351ad
```
#0351ad rgb(3,81,173)
```
#035dc6
```
#035dc6 rgb(3,93,198)
```
#0468df
```
#0468df rgb(4,104,223)
```
#0474f8
```
#0474f8 rgb(4,116,248)
```
#1a82fb
```
#1a82fb rgb(26,130,251)
```
#338ffc
```
#338ffc rgb(51,143,252)
```
#4c9dfc
```
#4c9dfc rgb(76,157,252)
```

Monochromatic Color

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

#04b1f8
```
#04b1f8 rgb(4,177,248)
```
#049df8
```
#049df8 rgb(4,157,248)
```
#0488f8
```
#0488f8 rgb(4,136,248)
```
#0474f8
```
#0474f8 rgb(4,116,248)
```
#0460f8
```
#0460f8 rgb(4,96,248)
```
#044bf8
```
#044bf8 rgb(4,75,248)
```
#0437f8
```
#0437f8 rgb(4,55,248)
```

Similar Colors

Text with hexadecimal color #0474f8

This text has a font color of #0474f8.

<span style="color:#0474f8;">Text here</span>

#0474f8 background color

This paragraph has a background color of #0474f8.

<p style="background-color:#0474f8;">Content here</p>

#0474f8 border color

This element has a border color of #0474f8.

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

CSS codes

.text {color:#0474f8;}

.background {background-color:#0474f8;}

.border {border:1px solid #0474f8;}

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

#000810
```
#000810 rgb(0,8,16)
```
#011124
```
#011124 rgb(1,17,36)
```
#011a37
```
#011a37 rgb(1,26,55)
```
#01234a
```
#01234a rgb(1,35,74)
```
#022c5e
```
#022c5e rgb(2,44,94)
```
#023571
```
#023571 rgb(2,53,113)
```
#023e84
```
#023e84 rgb(2,62,132)
```
#024797
```
#024797 rgb(2,71,151)
```
#0350ab
```
#0350ab rgb(3,80,171)
```
#0359be
```
#0359be rgb(3,89,190)
```
#0362d1
```
#0362d1 rgb(3,98,209)
```
#046be5
```
#046be5 rgb(4,107,229)
```
#0474f8
```
#0474f8 rgb(4,116,248)
```

Shade Color Variation

#147efb
```
#147efb rgb(20,126,251)
```
#2889fc
```
#2889fc rgb(40,137,252)
```
#3b94fc
```
#3b94fc rgb(59,148,252)
```
#4e9efc
```
#4e9efc rgb(78,158,252)
```
#62a9fc
```
#62a9fc rgb(98,169,252)
```
#75b3fd
```
#75b3fd rgb(117,179,253)
```
#88befd
```
#88befd rgb(136,190,253)
```
#9cc8fd
```
#9cc8fd rgb(156,200,253)
```
#afd3fe
```
#afd3fe rgb(175,211,254)
```
#c2defe
```
#c2defe rgb(194,222,254)
```
#d5e8fe
```
#d5e8fe rgb(213,232,254)
```
#e9f3ff
```
#e9f3ff rgb(233,243,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787e84 is the less saturated color, while #0474f8 is the most saturated one.

#787e84
```
#787e84 rgb(120,126,132)
```
#6f7d8d
```
#6f7d8d rgb(111,125,141)
```
#657c97
```
#657c97 rgb(101,124,151)
```
#5b7ba1
```
#5b7ba1 rgb(91,123,161)
```
#527aaa
```
#527aaa rgb(82,122,170)
```
#487ab4
```
#487ab4 rgb(72,122,180)
```
#3e79be
```
#3e79be rgb(62,121,190)
```
#3478c8
```
#3478c8 rgb(52,120,200)
```
#2b77d1
```
#2b77d1 rgb(43,119,209)
```
#2176db
```
#2176db rgb(33,118,219)
```
#1776e5
```
#1776e5 rgb(23,118,229)
```
#0e75ee
```
#0e75ee rgb(14,117,238)
```
#0474f8
```
#0474f8 rgb(4,116,248)
```

Tone Color Variation

Below, you can see how #0474f8 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

#626262 Achromatopsia 0.005% of the population
#4f6680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf4 Protanopia 1% of men
#0083d5 Deuteranopia 1% of men
#008d94 Tritanopia 0.001% of the population

Trichromacy

#0179f5 Protanomaly 1% of men, 0.01% of women
#017de2 Deuteranomaly 6% of men, 0.4% of women
#0184b8 Tritanomaly 0.01% of the population

#0474f8 hex color

#0474f8 Color Information

#0474f8 Color Conversion

Color Schemes with #0474f8

Alternatives to #0474f8

#0474f8 Preview

Shades and Tints of #0474f8

Tones of #0474f8

Color Blindness Simulator