colorhexa.com

#046cf2 hex color

In a RGB color space, hex #046cf2 is composed of 1.6% red, 42.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 55.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 213.8 degrees, a saturation of 96.7% and a lightness of 48.2%. #046cf2 color hex could be obtained by blending #08d8ff with #0000e5. Closest websafe color is: #0066ff.

- R 2
- G 42
- B 95
RGB color chart
- C 98
- M 55
- Y 0
- K 5
CMYK color chart

● #046cf2 color description : Vivid blue.

The hexadecimal color #046cf2 has RGB values of R:4, G:108, B:242 and CMYK values of C:0.98, M:0.55, Y:0, K:0.05. Its decimal value is 290034.

Hex triplet	046cf2	`#046cf2`
RGB Decimal	4, 108, 242	`rgb(4,108,242)`
RGB Percent	1.6, 42.4, 94.9	`rgb(1.6%,42.4%,94.9%)`
CMYK	98, 55, 0, 5
HSL	213.8°, 96.7, 48.2	`hsl(213.8,96.7%,48.2%)`
HSV (or HSB)	213.8°, 98.3, 94.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.461, 26.501, -73.865
XYZ	21.436, 17.16, 86.182
xyY	0.172, 0.138, 17.16
CIE-LCH	48.461, 78.475, 289.737
CIE-LUV	48.461, -24.116, -113.993
Hunter-Lab	41.424, 19.877, -94.353
Binary	00000100, 01101100, 11110010

#046cf2
```
#046cf2 rgb(4,108,242)
```
#f28a04
```
#f28a04 rgb(242,138,4)
```

Complementary Color

#04e3f2
```
#04e3f2 rgb(4,227,242)
```
#046cf2
```
#046cf2 rgb(4,108,242)
```
#1304f2
```
#1304f2 rgb(19,4,242)
```

Analogous Color

#e3f204
```
#e3f204 rgb(227,242,4)
```
#046cf2
```
#046cf2 rgb(4,108,242)
```
#f21304
```
#f21304 rgb(242,19,4)
```

Split Complementary Color

#6cf204
```
#6cf204 rgb(108,242,4)
```
#046cf2
```
#046cf2 rgb(4,108,242)
```
#f2046c
```
#f2046c rgb(242,4,108)
```

Triadic Color

#034aa7
```
#034aa7 rgb(3,74,167)
```
#0356c0
```
#0356c0 rgb(3,86,192)
```
#0461d9
```
#0461d9 rgb(4,97,217)
```
#046cf2
```
#046cf2 rgb(4,108,242)
```
#1479fb
```
#1479fb rgb(20,121,251)
```
#2d88fc
```
#2d88fc rgb(45,136,252)
```
#4796fc
```
#4796fc rgb(71,150,252)
```

Monochromatic Color

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

#04a8f2
```
#04a8f2 rgb(4,168,242)
```
#0494f2
```
#0494f2 rgb(4,148,242)
```
#0480f2
```
#0480f2 rgb(4,128,242)
```
#046cf2
```
#046cf2 rgb(4,108,242)
```
#0458f2
```
#0458f2 rgb(4,88,242)
```
#0444f2
```
#0444f2 rgb(4,68,242)
```
#0430f2
```
#0430f2 rgb(4,48,242)
```

Similar Colors

Text with hexadecimal color #046cf2

This text has a font color of #046cf2.

<span style="color:#046cf2;">Text here</span>

#046cf2 background color

This paragraph has a background color of #046cf2.

<p style="background-color:#046cf2;">Content here</p>

#046cf2 border color

This element has a border color of #046cf2.

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

CSS codes

.text {color:#046cf2;}

.background {background-color:#046cf2;}

.border {border:1px solid #046cf2;}

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

#00050a
```
#00050a rgb(0,5,10)
```
#000d1e
```
#000d1e rgb(0,13,30)
```
#011631
```
#011631 rgb(1,22,49)
```
#011e44
```
#011e44 rgb(1,30,68)
```
#012758
```
#012758 rgb(1,39,88)
```
#02306b
```
#02306b rgb(2,48,107)
```
#02387e
```
#02387e rgb(2,56,126)
```
#024192
```
#024192 rgb(2,65,146)
```
#034aa5
```
#034aa5 rgb(3,74,165)
```
#0352b8
```
#0352b8 rgb(3,82,184)
```
#035bcb
```
#035bcb rgb(3,91,203)
```
#0463df
```
#0463df rgb(4,99,223)
```
#046cf2
```
#046cf2 rgb(4,108,242)
```

Shade Color Variation

#0f76fb
```
#0f76fb rgb(15,118,251)
```
#2281fb
```
#2281fb rgb(34,129,251)
```
#358cfc
```
#358cfc rgb(53,140,252)
```
#4897fc
```
#4897fc rgb(72,151,252)
```
#5ca2fc
```
#5ca2fc rgb(92,162,252)
```
#6fadfd
```
#6fadfd rgb(111,173,253)
```
#82b8fd
```
#82b8fd rgb(130,184,253)
```
#96c3fd
```
#96c3fd rgb(150,195,253)
```
#a9cefe
```
#a9cefe rgb(169,206,254)
```
#bcd9fe
```
#bcd9fe rgb(188,217,254)
```
#d0e4fe
```
#d0e4fe rgb(208,228,254)
```
#e3efff
```
#e3efff rgb(227,239,255)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767a80 is the less saturated color, while #046cf2 is the most saturated one.

#767a80
```
#767a80 rgb(118,122,128)
```
#6c798a
```
#6c798a rgb(108,121,138)
```
#637893
```
#637893 rgb(99,120,147)
```
#59779d
```
#59779d rgb(89,119,157)
```
#5076a6
```
#5076a6 rgb(80,118,166)
```
#4674b0
```
#4674b0 rgb(70,116,176)
```
#3d73b9
```
#3d73b9 rgb(61,115,185)
```
#3372c3
```
#3372c3 rgb(51,114,195)
```
#2a71cc
```
#2a71cc rgb(42,113,204)
```
#2070d6
```
#2070d6 rgb(32,112,214)
```
#176edf
```
#176edf rgb(23,110,223)
```
#0d6de9
```
#0d6de9 rgb(13,109,233)
```
#046cf2
```
#046cf2 rgb(4,108,242)
```

Tone Color Variation

Below, you can see how #046cf2 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

#5c5c5c Achromatopsia 0.005% of the population
#4a5f7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007dca Deuteranopia 1% of men
#00868d Tritanopia 0.001% of the population

Trichromacy

#0172eb Protanomaly 1% of men, 0.01% of women
#0176d9 Deuteranomaly 6% of men, 0.4% of women
#017cb2 Tritanomaly 0.01% of the population