#042af3 hex color

In a RGB color space, hex #042af3 is composed of 1.6% red, 16.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 82.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 230.5 degrees, a saturation of 96.8% and a lightness of 48.4%. #042af3 color hex could be obtained by blending #0854ff with #0000e7. Closest websafe color is: #0033ff.

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

● #042af3 color description : Vivid blue.

The hexadecimal color #042af3 has RGB values of R:4, G:42, B:243 and CMYK values of C:0.98, M:0.83, Y:0, K:0.05. Its decimal value is 273139.

Hex triplet	042af3	`#042af3`
RGB Decimal	4, 42, 243	`rgb(4,42,243)`
RGB Percent	1.6, 16.5, 95.3	`rgb(1.6%,16.5%,95.3%)`
CMYK	98, 83, 0, 5
HSL	230.5°, 96.8, 48.4	`hsl(230.5,96.8%,48.4%)`
HSV (or HSB)	230.5°, 98.4, 95.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.296, 65.208, -97.771
XYZ	17.052, 8.151, 85.464
xyY	0.154, 0.074, 8.151
CIE-LCH	34.296, 117.522, 303.701
CIE-LUV	34.296, -11.355, -126.151
Hunter-Lab	28.551, 56.649, -157.493
Binary	00000100, 00101010, 11110011

#042af3
```
#042af3 rgb(4,42,243)
```
#f3cd04
```
#f3cd04 rgb(243,205,4)
```

Complementary Color

#04a2f3
```
#04a2f3 rgb(4,162,243)
```
#042af3
```
#042af3 rgb(4,42,243)
```
#5504f3
```
#5504f3 rgb(85,4,243)
```

Analogous Color

#a2f304
```
#a2f304 rgb(162,243,4)
```
#042af3
```
#042af3 rgb(4,42,243)
```
#f35504
```
#f35504 rgb(243,85,4)
```

Split Complementary Color

#2af304
```
#2af304 rgb(42,243,4)
```
#042af3
```
#042af3 rgb(4,42,243)
```
#f3042a
```
#f3042a rgb(243,4,42)
```

Triadic Color

#04f3cd
```
#04f3cd rgb(4,243,205)
```
#042af3
```
#042af3 rgb(4,42,243)
```
#f3042a
```
#f3042a rgb(243,4,42)
```
#f3cd04
```
#f3cd04 rgb(243,205,4)
```

Tetradic Color

#031da8
```
#031da8 rgb(3,29,168)
```
#0321c1
```
#0321c1 rgb(3,33,193)
```
#0426da
```
#0426da rgb(4,38,218)
```
#042af3
```
#042af3 rgb(4,42,243)
```
#153afb
```
#153afb rgb(21,58,251)
```
#2e4ffc
```
#2e4ffc rgb(46,79,252)
```
#4864fc
```
#4864fc rgb(72,100,252)
```

Monochromatic Color

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

#0466f3
```
#0466f3 rgb(4,102,243)
```
#0452f3
```
#0452f3 rgb(4,82,243)
```
#043ef3
```
#043ef3 rgb(4,62,243)
```
#042af3
```
#042af3 rgb(4,42,243)
```
#0416f3
```
#0416f3 rgb(4,22,243)
```
#0604f3
```
#0604f3 rgb(6,4,243)
```
#1a04f3
```
#1a04f3 rgb(26,4,243)
```

Similar Colors

Text with hexadecimal color #042af3

This text has a font color of #042af3.

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

#042af3 background color

This paragraph has a background color of #042af3.

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

#042af3 border color

This element has a border color of #042af3.

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

CSS codes

.text {color:#042af3;}

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

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

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, #00020b is the darkest color, while #f7f8ff is the lightest one.

#00020b
```
#00020b rgb(0,2,11)
```
#01051f
```
#01051f rgb(1,5,31)
```
#010932
```
#010932 rgb(1,9,50)
```
#010c45
```
#010c45 rgb(1,12,69)
```
#010f59
```
#010f59 rgb(1,15,89)
```
#02136c
```
#02136c rgb(2,19,108)
```
#02167f
```
#02167f rgb(2,22,127)
```
#021993
```
#021993 rgb(2,25,147)
```
#031da6
```
#031da6 rgb(3,29,166)
```
#0320b9
```
#0320b9 rgb(3,32,185)
```
#0323cc
```
#0323cc rgb(3,35,204)
```
#0427e0
```
#0427e0 rgb(4,39,224)
```
#042af3
```
#042af3 rgb(4,42,243)
```

Shade Color Variation

#1035fb
```
#1035fb rgb(16,53,251)
```
#2345fb
```
#2345fb rgb(35,69,251)
```
#3656fc
```
#3656fc rgb(54,86,252)
```
#4966fc
```
#4966fc rgb(73,102,252)
```
#5d76fc
```
#5d76fc rgb(93,118,252)
```
#7086fd
```
#7086fd rgb(112,134,253)
```
#8397fd
```
#8397fd rgb(131,151,253)
```
#97a7fd
```
#97a7fd rgb(151,167,253)
```
#aab7fe
```
#aab7fe rgb(170,183,254)
```
#bdc8fe
```
#bdc8fe rgb(189,200,254)
```
#d1d8fe
```
#d1d8fe rgb(209,216,254)
```
#e4e8ff
```
#e4e8ff rgb(228,232,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#767881
```
#767881 rgb(118,120,129)
```
#6d718b
```
#6d718b rgb(109,113,139)
```
#636b94
```
#636b94 rgb(99,107,148)
```
#5a649e
```
#5a649e rgb(90,100,158)
```
#505ea7
```
#505ea7 rgb(80,94,167)
```
#4757b1
```
#4757b1 rgb(71,87,177)
```
#3d51ba
```
#3d51ba rgb(61,81,186)
```
#344ac4
```
#344ac4 rgb(52,74,196)
```
#2a44cd
```
#2a44cd rgb(42,68,205)
```
#213dd7
```
#213dd7 rgb(33,61,215)
```
#1737e0
```
#1737e0 rgb(23,55,224)
```
#0e30ea
```
#0e30ea rgb(14,48,234)
```
#042af3
```
#042af3 rgb(4,42,243)
```

Tone Color Variation

Below, you can see how #042af3 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
#2c345c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0146c4 Protanomaly 1% of men, 0.01% of women
#014ab5 Deuteranomaly 6% of men, 0.4% of women
#014e99 Tritanomaly 0.01% of the population

#042af3 hex color

#042af3 Color Information

#042af3 Color Conversion

Color Schemes with #042af3

Alternatives to #042af3

#042af3 Preview

Shades and Tints of #042af3

Tones of #042af3

Color Blindness Simulator