#074cf4 hex color

In a RGB color space, hex #074cf4 is composed of 2.7% red, 29.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 68.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 222.5 degrees, a saturation of 94.4% and a lightness of 49.2%. #074cf4 color hex could be obtained by blending #0e98ff with #0000e9. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 3
- G 30
- B 96
RGB color chart
- C 97
- M 69
- Y 0
- K 4
CMYK color chart

● #074cf4 color description : Vivid blue.

The hexadecimal color #074cf4 has RGB values of R:7, G:76, B:244 and CMYK values of C:0.97, M:0.69, Y:0, K:0.04. Its decimal value is 478452.

Hex triplet	074cf4	`#074cf4`
RGB Decimal	7, 76, 244	`rgb(7,76,244)`
RGB Percent	2.7, 29.8, 95.7	`rgb(2.7%,29.8%,95.7%)`
CMYK	97, 69, 0, 4
HSL	222.5°, 94.4, 49.2	`hsl(222.5,94.4%,49.2%)`
HSV (or HSB)	222.5°, 97.1, 95.7
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.807, 47.487, -87.538
XYZ	18.998, 11.744, 86.849
xyY	0.162, 0.1, 11.744
CIE-LCH	40.807, 99.588, 298.478
CIE-LUV	40.807, -16.49, -125.404
Hunter-Lab	34.27, 38.982, -126.268
Binary	00000111, 01001100, 11110100

#074cf4
```
#074cf4 rgb(7,76,244)
```
#f4af07
```
#f4af07 rgb(244,175,7)
```

Complementary Color

#07c3f4
```
#07c3f4 rgb(7,195,244)
```
#074cf4
```
#074cf4 rgb(7,76,244)
```
#3907f4
```
#3907f4 rgb(57,7,244)
```

Analogous Color

#c3f407
```
#c3f407 rgb(195,244,7)
```
#074cf4
```
#074cf4 rgb(7,76,244)
```
#f43907
```
#f43907 rgb(244,57,7)
```

Split Complementary Color

#4cf407
```
#4cf407 rgb(76,244,7)
```
#074cf4
```
#074cf4 rgb(7,76,244)
```
#f4074c
```
#f4074c rgb(244,7,76)
```

Triadic Color

#07f4af
```
#07f4af rgb(7,244,175)
```
#074cf4
```
#074cf4 rgb(7,76,244)
```
#f4074c
```
#f4074c rgb(244,7,76)
```
#f4af07
```
#f4af07 rgb(244,175,7)
```

Tetradic Color

#0535aa
```
#0535aa rgb(5,53,170)
```
#063dc2
```
#063dc2 rgb(6,61,194)
```
#0644db
```
#0644db rgb(6,68,219)
```
#074cf4
```
#074cf4 rgb(7,76,244)
```
#1c5cf8
```
#1c5cf8 rgb(28,92,248)
```
#356ef9
```
#356ef9 rgb(53,110,249)
```
#4e80fa
```
#4e80fa rgb(78,128,250)
```

Monochromatic Color

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

#0787f4
```
#0787f4 rgb(7,135,244)
```
#0774f4
```
#0774f4 rgb(7,116,244)
```
#0760f4
```
#0760f4 rgb(7,96,244)
```
#074cf4
```
#074cf4 rgb(7,76,244)
```
#0738f4
```
#0738f4 rgb(7,56,244)
```
#0725f4
```
#0725f4 rgb(7,37,244)
```
#0711f4
```
#0711f4 rgb(7,17,244)
```

Similar Colors

Text with hexadecimal color #074cf4

This text has a font color of #074cf4.

<span style="color:#074cf4;">Text here</span>

#074cf4 background color

This paragraph has a background color of #074cf4.

<p style="background-color:#074cf4;">Content here</p>

#074cf4 border color

This element has a border color of #074cf4.

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

CSS codes

.text {color:#074cf4;}

.background {background-color:#074cf4;}

.border {border:1px solid #074cf4;}

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

#00050f
```
#00050f rgb(0,5,15)
```
#010b22
```
#010b22 rgb(1,11,34)
```
#021135
```
#021135 rgb(2,17,53)
```
#021748
```
#021748 rgb(2,23,72)
```
#031c5b
```
#031c5b rgb(3,28,91)
```
#03226f
```
#03226f rgb(3,34,111)
```
#042882
```
#042882 rgb(4,40,130)
```
#042e95
```
#042e95 rgb(4,46,149)
```
#0534a8
```
#0534a8 rgb(5,52,168)
```
#053abb
```
#053abb rgb(5,58,187)
```
#0640ce
```
#0640ce rgb(6,64,206)
```
#0646e1
```
#0646e1 rgb(6,70,225)
```
#074cf4
```
#074cf4 rgb(7,76,244)
```

Shade Color Variation

#1658f8
```
#1658f8 rgb(22,88,248)
```
#2966f9
```
#2966f9 rgb(41,102,249)
```
#3c73f9
```
#3c73f9 rgb(60,115,249)
```
#4f81fa
```
#4f81fa rgb(79,129,250)
```
#638ffb
```
#638ffb rgb(99,143,251)
```
#769cfb
```
#769cfb rgb(118,156,251)
```
#89aafc
```
#89aafc rgb(137,170,252)
```
#9cb8fc
```
#9cb8fc rgb(156,184,252)
```
#afc6fd
```
#afc6fd rgb(175,198,253)
```
#c2d3fd
```
#c2d3fd rgb(194,211,253)
```
#d5e1fe
```
#d5e1fe rgb(213,225,254)
```
#e8effe
```
#e8effe rgb(232,239,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7c80 is the less saturated color, while #074cf4 is the most saturated one.

#7b7c80
```
#7b7c80 rgb(123,124,128)
```
#71788a
```
#71788a rgb(113,120,138)
```
#687493
```
#687493 rgb(104,116,147)
```
#5e709d
```
#5e709d rgb(94,112,157)
```
#546ca7
```
#546ca7 rgb(84,108,167)
```
#4b68b0
```
#4b68b0 rgb(75,104,176)
```
#4164ba
```
#4164ba rgb(65,100,186)
```
#3760c4
```
#3760c4 rgb(55,96,196)
```
#2e5ccd
```
#2e5ccd rgb(46,92,205)
```
#2458d7
```
#2458d7 rgb(36,88,215)
```
#1a54e1
```
#1a54e1 rgb(26,84,225)
```
#1150ea
```
#1150ea rgb(17,80,234)
```
#074cf4
```
#074cf4 rgb(7,76,244)
```

Tone Color Variation

Below, you can see how #074cf4 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

#4b4b4b Achromatopsia 0.005% of the population
#3d4b6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bab Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#025cd6 Protanomaly 1% of men, 0.01% of women
#025fc5 Deuteranomaly 6% of men, 0.4% of women
#0264a5 Tritanomaly 0.01% of the population

#074cf4 hex color

#074cf4 Color Information

#074cf4 Color Conversion

Color Schemes with #074cf4

Alternatives to #074cf4

#074cf4 Preview

Shades and Tints of #074cf4

Tones of #074cf4

Color Blindness Simulator