#074af3 hex color

In a RGB color space, hex #074af3 is composed of 2.7% red, 29% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 69.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 223 degrees, a saturation of 94.4% and a lightness of 49%. #074af3 color hex could be obtained by blending #0e94ff with #0000e7. Closest websafe color is: #0033ff.

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

● #074af3 color description : Vivid blue.

The hexadecimal color #074af3 has RGB values of R:7, G:74, B:243 and CMYK values of C:0.97, M:0.7, Y:0, K:0.05. Its decimal value is 477939.

Hex triplet	074af3	`#074af3`
RGB Decimal	7, 74, 243	`rgb(7,74,243)`
RGB Percent	2.7, 29, 95.3	`rgb(2.7%,29%,95.3%)`
CMYK	97, 70, 0, 5
HSL	223°, 94.4, 49	`hsl(223,94.4%,49%)`
HSV (or HSB)	223°, 97.1, 95.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.266, 48.335, -87.867
XYZ	18.711, 11.412, 86.006
xyY	0.161, 0.098, 11.412
CIE-LCH	40.266, 100.284, 298.815
CIE-LUV	40.266, -16.095, -125.122
Hunter-Lab	33.782, 39.747, -127.299
Binary	00000111, 01001010, 11110011

#074af3
```
#074af3 rgb(7,74,243)
```
#f3b007
```
#f3b007 rgb(243,176,7)
```

Complementary Color

#07c0f3
```
#07c0f3 rgb(7,192,243)
```
#074af3
```
#074af3 rgb(7,74,243)
```
#3a07f3
```
#3a07f3 rgb(58,7,243)
```

Analogous Color

#c0f307
```
#c0f307 rgb(192,243,7)
```
#074af3
```
#074af3 rgb(7,74,243)
```
#f33a07
```
#f33a07 rgb(243,58,7)
```

Split Complementary Color

#4af307
```
#4af307 rgb(74,243,7)
```
#074af3
```
#074af3 rgb(7,74,243)
```
#f3074a
```
#f3074a rgb(243,7,74)
```

Triadic Color

#07f3b0
```
#07f3b0 rgb(7,243,176)
```
#074af3
```
#074af3 rgb(7,74,243)
```
#f3074a
```
#f3074a rgb(243,7,74)
```
#f3b007
```
#f3b007 rgb(243,176,7)
```

Tetradic Color

#0533a9
```
#0533a9 rgb(5,51,169)
```
#063bc1
```
#063bc1 rgb(6,59,193)
```
#0642da
```
#0642da rgb(6,66,218)
```
#074af3
```
#074af3 rgb(7,74,243)
```
#1b5af8
```
#1b5af8 rgb(27,90,248)
```
#346cf9
```
#346cf9 rgb(52,108,249)
```
#4d7efa
```
#4d7efa rgb(77,126,250)
```

Monochromatic Color

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

#0785f3
```
#0785f3 rgb(7,133,243)
```
#0771f3
```
#0771f3 rgb(7,113,243)
```
#075ef3
```
#075ef3 rgb(7,94,243)
```
#074af3
```
#074af3 rgb(7,74,243)
```
#0736f3
```
#0736f3 rgb(7,54,243)
```
#0723f3
```
#0723f3 rgb(7,35,243)
```
#070ff3
```
#070ff3 rgb(7,15,243)
```

Similar Colors

Text with hexadecimal color #074af3

This text has a font color of #074af3.

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

#074af3 background color

This paragraph has a background color of #074af3.

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

#074af3 border color

This element has a border color of #074af3.

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

CSS codes

.text {color:#074af3;}

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

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

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

#00040e
```
#00040e rgb(0,4,14)
```
#010a21
```
#010a21 rgb(1,10,33)
```
#021034
```
#021034 rgb(2,16,52)
```
#021647
```
#021647 rgb(2,22,71)
```
#031c5a
```
#031c5a rgb(3,28,90)
```
#03216e
```
#03216e rgb(3,33,110)
```
#042781
```
#042781 rgb(4,39,129)
```
#042d94
```
#042d94 rgb(4,45,148)
```
#0533a7
```
#0533a7 rgb(5,51,167)
```
#0539ba
```
#0539ba rgb(5,57,186)
```
#063ecd
```
#063ecd rgb(6,62,205)
```
#0644e0
```
#0644e0 rgb(6,68,224)
```
#074af3
```
#074af3 rgb(7,74,243)
```

Shade Color Variation

#1556f8
```
#1556f8 rgb(21,86,248)
```
#2864f9
```
#2864f9 rgb(40,100,249)
```
#3b71f9
```
#3b71f9 rgb(59,113,249)
```
#4f7ffa
```
#4f7ffa rgb(79,127,250)
```
#628dfa
```
#628dfa rgb(98,141,250)
```
#759bfb
```
#759bfb rgb(117,155,251)
```
#88a9fc
```
#88a9fc rgb(136,169,252)
```
#9bb6fc
```
#9bb6fc rgb(155,182,252)
```
#aec4fd
```
#aec4fd rgb(174,196,253)
```
#c1d2fd
```
#c1d2fd rgb(193,210,253)
```
#d4e0fe
```
#d4e0fe rgb(212,224,254)
```
#e7eefe
```
#e7eefe rgb(231,238,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#7a7c80
```
#7a7c80 rgb(122,124,128)
```
#717889
```
#717889 rgb(113,120,137)
```
#677493
```
#677493 rgb(103,116,147)
```
#5e6f9c
```
#5e6f9c rgb(94,111,156)
```
#546ba6
```
#546ba6 rgb(84,107,166)
```
#4a67b0
```
#4a67b0 rgb(74,103,176)
```
#4163b9
```
#4163b9 rgb(65,99,185)
```
#375fc3
```
#375fc3 rgb(55,95,195)
```
#2d5bcd
```
#2d5bcd rgb(45,91,205)
```
#2456d6
```
#2456d6 rgb(36,86,214)
```
#1a52e0
```
#1a52e0 rgb(26,82,224)
```
#114ee9
```
#114ee9 rgb(17,78,233)
```
#074af3
```
#074af3 rgb(7,74,243)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3c496b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa8 Deuteranopia 1% of men
#007176 Tritanopia 0.001% of the population

Trichromacy

#025ad4 Protanomaly 1% of men, 0.01% of women
#025ec3 Deuteranomaly 6% of men, 0.4% of women
#0263a3 Tritanomaly 0.01% of the population

#074af3 hex color

#074af3 Color Information

#074af3 Color Conversion

Color Schemes with #074af3

Alternatives to #074af3

#074af3 Preview

Shades and Tints of #074af3

Tones of #074af3

Color Blindness Simulator