#042af7 hex color

In a RGB color space, hex #042af7 is composed of 1.6% red, 16.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 83% magenta, 0% yellow and 3.1% black. It has a hue angle of 230.6 degrees, a saturation of 96.8% and a lightness of 49.2%. #042af7 color hex could be obtained by blending #0854ff with #0000ef. Closest websafe color is: #0033ff.

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

● #042af7 color description : Vivid blue.

The hexadecimal color #042af7 has RGB values of R:4, G:42, B:247 and CMYK values of C:0.98, M:0.83, Y:0, K:0.03. Its decimal value is 273143.

Hex triplet	042af7	`#042af7`
RGB Decimal	4, 42, 247	`rgb(4,42,247)`
RGB Percent	1.6, 16.5, 96.9	`rgb(1.6%,16.5%,96.9%)`
CMYK	98, 83, 0, 3
HSL	230.6°, 96.8, 49.2	`hsl(230.6,96.8%,49.2%)`
HSV (or HSB)	230.6°, 98.4, 96.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.794, 66.391, -99.2
XYZ	17.663, 8.396, 88.68
xyY	0.154, 0.073, 8.396
CIE-LCH	34.794, 119.366, 303.793
CIE-LUV	34.794, -11.473, -128.403
Hunter-Lab	28.975, 58.105, -161.177
Binary	00000100, 00101010, 11110111

#042af7
```
#042af7 rgb(4,42,247)
```
#f7d104
```
#f7d104 rgb(247,209,4)
```

Complementary Color

#04a4f7
```
#04a4f7 rgb(4,164,247)
```
#042af7
```
#042af7 rgb(4,42,247)
```
#5804f7
```
#5804f7 rgb(88,4,247)
```

Analogous Color

#a4f704
```
#a4f704 rgb(164,247,4)
```
#042af7
```
#042af7 rgb(4,42,247)
```
#f75804
```
#f75804 rgb(247,88,4)
```

Split Complementary Color

#2af704
```
#2af704 rgb(42,247,4)
```
#042af7
```
#042af7 rgb(4,42,247)
```
#f7042a
```
#f7042a rgb(247,4,42)
```

Triadic Color

#04f7d1
```
#04f7d1 rgb(4,247,209)
```
#042af7
```
#042af7 rgb(4,42,247)
```
#f7042a
```
#f7042a rgb(247,4,42)
```
#f7d104
```
#f7d104 rgb(247,209,4)
```

Tetradic Color

#031dac
```
#031dac rgb(3,29,172)
```
#0321c5
```
#0321c5 rgb(3,33,197)
```
#0426de
```
#0426de rgb(4,38,222)
```
#042af7
```
#042af7 rgb(4,42,247)
```
#193dfb
```
#193dfb rgb(25,61,251)
```
#3252fc
```
#3252fc rgb(50,82,252)
```
#4b67fc
```
#4b67fc rgb(75,103,252)
```

Monochromatic Color

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

#0467f7
```
#0467f7 rgb(4,103,247)
```
#0453f7
```
#0453f7 rgb(4,83,247)
```
#043ef7
```
#043ef7 rgb(4,62,247)
```
#042af7
```
#042af7 rgb(4,42,247)
```
#0416f7
```
#0416f7 rgb(4,22,247)
```
#0604f7
```
#0604f7 rgb(6,4,247)
```
#1b04f7
```
#1b04f7 rgb(27,4,247)
```

Similar Colors

Text with hexadecimal color #042af7

This text has a font color of #042af7.

<span style="color:#042af7;">Text here</span>

#042af7 background color

This paragraph has a background color of #042af7.

<p style="background-color:#042af7;">Content here</p>

#042af7 border color

This element has a border color of #042af7.

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

CSS codes

.text {color:#042af7;}

.background {background-color:#042af7;}

.border {border:1px solid #042af7;}

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

#00030f
```
#00030f rgb(0,3,15)
```
#010623
```
#010623 rgb(1,6,35)
```
#010936
```
#010936 rgb(1,9,54)
```
#010c49
```
#010c49 rgb(1,12,73)
```
#01105d
```
#01105d rgb(1,16,93)
```
#021370
```
#021370 rgb(2,19,112)
```
#021683
```
#021683 rgb(2,22,131)
```
#021a96
```
#021a96 rgb(2,26,150)
```
#031daa
```
#031daa rgb(3,29,170)
```
#0320bd
```
#0320bd rgb(3,32,189)
```
#0323d0
```
#0323d0 rgb(3,35,208)
```
#0427e4
```
#0427e4 rgb(4,39,228)
```
#042af7
```
#042af7 rgb(4,42,247)
```

Shade Color Variation

#1338fb
```
#1338fb rgb(19,56,251)
```
#2748fb
```
#2748fb rgb(39,72,251)
```
#3a58fc
```
#3a58fc rgb(58,88,252)
```
#4d69fc
```
#4d69fc rgb(77,105,252)
```
#6179fc
```
#6179fc rgb(97,121,252)
```
#7489fd
```
#7489fd rgb(116,137,253)
```
#879afd
```
#879afd rgb(135,154,253)
```
#9baafd
```
#9baafd rgb(155,170,253)
```
#aebafe
```
#aebafe rgb(174,186,254)
```
#c1cbfe
```
#c1cbfe rgb(193,203,254)
```
#d4dbfe
```
#d4dbfe rgb(212,219,254)
```
#e8ebff
```
#e8ebff rgb(232,235,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#787a83
```
#787a83 rgb(120,122,131)
```
#6e738d
```
#6e738d rgb(110,115,141)
```
#656c96
```
#656c96 rgb(101,108,150)
```
#5b66a0
```
#5b66a0 rgb(91,102,160)
```
#515faa
```
#515faa rgb(81,95,170)
```
#4858b3
```
#4858b3 rgb(72,88,179)
```
#3e52bd
```
#3e52bd rgb(62,82,189)
```
#344bc7
```
#344bc7 rgb(52,75,199)
```
#2b45d0
```
#2b45d0 rgb(43,69,208)
```
#213eda
```
#213eda rgb(33,62,218)
```
#1737e4
```
#1737e4 rgb(23,55,228)
```
#0e31ed
```
#0e31ed rgb(14,49,237)
```
#042af7
```
#042af7 rgb(4,42,247)
```

Tone Color Variation

Below, you can see how #042af7 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

#363636 Achromatopsia 0.005% of the population
#2c345d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#0147c6 Protanomaly 1% of men, 0.01% of women
#014ab7 Deuteranomaly 6% of men, 0.4% of women
#014e9b Tritanomaly 0.01% of the population

#042af7 hex color

#042af7 Color Information

#042af7 Color Conversion

Color Schemes with #042af7

Alternatives to #042af7

#042af7 Preview

Shades and Tints of #042af7

Tones of #042af7

Color Blindness Simulator