#074df2 hex color

In a RGB color space, hex #074df2 is composed of 2.7% red, 30.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 68.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 222.1 degrees, a saturation of 94.4% and a lightness of 48.8%. #074df2 color hex could be obtained by blending #0e9aff with #0000e5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 3
- G 30
- B 95
RGB color chart
- C 97
- M 68
- Y 0
- K 5
CMYK color chart

● #074df2 color description : Vivid blue.

The hexadecimal color #074df2 has RGB values of R:7, G:77, B:242 and CMYK values of C:0.97, M:0.68, Y:0, K:0.05. Its decimal value is 478706.

Hex triplet	074df2	`#074df2`
RGB Decimal	7, 77, 242	`rgb(7,77,242)`
RGB Percent	2.7, 30.2, 94.9	`rgb(2.7%,30.2%,94.9%)`
CMYK	97, 68, 0, 5
HSL	222.1°, 94.4, 48.8	`hsl(222.1,94.4%,48.8%)`
HSV (or HSB)	222.1°, 97.1, 94.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	40.836, 46.163, -86.365
XYZ	18.765, 11.762, 85.281
xyY	0.162, 0.102, 11.762
CIE-LCH	40.836, 97.928, 298.125
CIE-LUV	40.836, -16.681, -124.028
Hunter-Lab	34.296, 37.649, -123.424
Binary	00000111, 01001101, 11110010

#074df2
```
#074df2 rgb(7,77,242)
```
#f2ac07
```
#f2ac07 rgb(242,172,7)
```

Complementary Color

#07c3f2
```
#07c3f2 rgb(7,195,242)
```
#074df2
```
#074df2 rgb(7,77,242)
```
#3707f2
```
#3707f2 rgb(55,7,242)
```

Analogous Color

#c3f207
```
#c3f207 rgb(195,242,7)
```
#074df2
```
#074df2 rgb(7,77,242)
```
#f23707
```
#f23707 rgb(242,55,7)
```

Split Complementary Color

#4df207
```
#4df207 rgb(77,242,7)
```
#074df2
```
#074df2 rgb(7,77,242)
```
#f2074d
```
#f2074d rgb(242,7,77)
```

Triadic Color

#07f2ac
```
#07f2ac rgb(7,242,172)
```
#074df2
```
#074df2 rgb(7,77,242)
```
#f2074d
```
#f2074d rgb(242,7,77)
```
#f2ac07
```
#f2ac07 rgb(242,172,7)
```

Tetradic Color

#0535a8
```
#0535a8 rgb(5,53,168)
```
#063dc0
```
#063dc0 rgb(6,61,192)
```
#0645d9
```
#0645d9 rgb(6,69,217)
```
#074df2
```
#074df2 rgb(7,77,242)
```
#1a5cf8
```
#1a5cf8 rgb(26,92,248)
```
#336ef9
```
#336ef9 rgb(51,110,249)
```
#4c80fa
```
#4c80fa rgb(76,128,250)
```

Monochromatic Color

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

#0788f2
```
#0788f2 rgb(7,136,242)
```
#0774f2
```
#0774f2 rgb(7,116,242)
```
#0761f2
```
#0761f2 rgb(7,97,242)
```
#074df2
```
#074df2 rgb(7,77,242)
```
#0739f2
```
#0739f2 rgb(7,57,242)
```
#0726f2
```
#0726f2 rgb(7,38,242)
```
#0712f2
```
#0712f2 rgb(7,18,242)
```

Similar Colors

Text with hexadecimal color #074df2

This text has a font color of #074df2.

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

#074df2 background color

This paragraph has a background color of #074df2.

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

#074df2 border color

This element has a border color of #074df2.

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

CSS codes

.text {color:#074df2;}

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

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

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, #00040d is the darkest color, while #f9fbff is the lightest one.

#00040d
```
#00040d rgb(0,4,13)
```
#010a20
```
#010a20 rgb(1,10,32)
```
#011033
```
#011033 rgb(1,16,51)
```
#021646
```
#021646 rgb(2,22,70)
```
#031c59
```
#031c59 rgb(3,28,89)
```
#03236d
```
#03236d rgb(3,35,109)
```
#042980
```
#042980 rgb(4,41,128)
```
#042f93
```
#042f93 rgb(4,47,147)
```
#0535a6
```
#0535a6 rgb(5,53,166)
```
#053bb9
```
#053bb9 rgb(5,59,185)
```
#0641cc
```
#0641cc rgb(6,65,204)
```
#0647df
```
#0647df rgb(6,71,223)
```
#074df2
```
#074df2 rgb(7,77,242)
```

Shade Color Variation

#1458f8
```
#1458f8 rgb(20,88,248)
```
#2766f9
```
#2766f9 rgb(39,102,249)
```
#3b73f9
```
#3b73f9 rgb(59,115,249)
```
#4e81fa
```
#4e81fa rgb(78,129,250)
```
#618efa
```
#618efa rgb(97,142,250)
```
#749cfb
```
#749cfb rgb(116,156,251)
```
#87aafc
```
#87aafc rgb(135,170,252)
```
#9ab7fc
```
#9ab7fc rgb(154,183,252)
```
#adc5fd
```
#adc5fd rgb(173,197,253)
```
#c0d2fd
```
#c0d2fd rgb(192,210,253)
```
#d3e0fe
```
#d3e0fe rgb(211,224,254)
```
#e6edfe
```
#e6edfe rgb(230,237,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#7a7b7f
```
#7a7b7f rgb(122,123,127)
```
#707889
```
#707889 rgb(112,120,137)
```
#677492
```
#677492 rgb(103,116,146)
```
#5d709c
```
#5d709c rgb(93,112,156)
```
#546ca5
```
#546ca5 rgb(84,108,165)
```
#4a68af
```
#4a68af rgb(74,104,175)
```
#4064b9
```
#4064b9 rgb(64,100,185)
```
#3760c2
```
#3760c2 rgb(55,96,194)
```
#2d5ccc
```
#2d5ccc rgb(45,92,204)
```
#2459d5
```
#2459d5 rgb(36,89,213)
```
#1a55df
```
#1a55df rgb(26,85,223)
```
#1151e8
```
#1151e8 rgb(17,81,232)
```
#074df2
```
#074df2 rgb(7,77,242)
```

Tone Color Variation

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

#025cd5 Protanomaly 1% of men, 0.01% of women
#0260c4 Deuteranomaly 6% of men, 0.4% of women
#0265a4 Tritanomaly 0.01% of the population

#074df2 hex color

#074df2 Color Information

#074df2 Color Conversion

Color Schemes with #074df2

Alternatives to #074df2

#074df2 Preview

Shades and Tints of #074df2

Tones of #074df2

Color Blindness Simulator