#0046f5 hex color

In a RGB color space, hex #0046f5 is composed of 0% red, 27.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 71.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 222.9 degrees, a saturation of 100% and a lightness of 48%. #0046f5 color hex could be obtained by blending #008cff with #0000eb. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 0
- G 27
- B 96
RGB color chart
- C 100
- M 71
- Y 0
- K 4
CMYK color chart

● #0046f5 color description : Pure (or mostly pure) blue.

The hexadecimal color #0046f5 has RGB values of R:0, G:70, B:245 and CMYK values of C:1, M:0.71, Y:0, K:0.04. Its decimal value is 18165.

Hex triplet	0046f5	`#0046f5`
RGB Decimal	0, 70, 245	`rgb(0,70,245)`
RGB Percent	0, 27.5, 96.1	`rgb(0%,27.5%,96.1%)`
CMYK	100, 71, 0, 4
HSL	222.9°, 100, 48	`hsl(222.9,100%,48%)`
HSV (or HSB)	222.9°, 100, 96.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	39.532, 51.279, -90.208
XYZ	18.668, 10.971, 87.515
xyY	0.159, 0.094, 10.971
CIE-LCH	39.532, 103.765, 299.616
CIE-LUV	39.532, -15.587, -126.852
Hunter-Lab	33.123, 42.638, -133.465
Binary	00000000, 01000110, 11110101

#0046f5
```
#0046f5 rgb(0,70,245)
```
#f5af00
```
#f5af00 rgb(245,175,0)
```

Complementary Color

#00c1f5
```
#00c1f5 rgb(0,193,245)
```
#0046f5
```
#0046f5 rgb(0,70,245)
```
#3400f5
```
#3400f5 rgb(52,0,245)
```

Analogous Color

#c1f500
```
#c1f500 rgb(193,245,0)
```
#0046f5
```
#0046f5 rgb(0,70,245)
```
#f53400
```
#f53400 rgb(245,52,0)
```

Split Complementary Color

#46f500
```
#46f500 rgb(70,245,0)
```
#0046f5
```
#0046f5 rgb(0,70,245)
```
#f50046
```
#f50046 rgb(245,0,70)
```

Triadic Color

#00f5af
```
#00f5af rgb(0,245,175)
```
#0046f5
```
#0046f5 rgb(0,70,245)
```
#f50046
```
#f50046 rgb(245,0,70)
```
#f5af00
```
#f5af00 rgb(245,175,0)
```

Tetradic Color

#0030a9
```
#0030a9 rgb(0,48,169)
```
#0037c2
```
#0037c2 rgb(0,55,194)
```
#003fdc
```
#003fdc rgb(0,63,220)
```
#0046f5
```
#0046f5 rgb(0,70,245)
```
#1054ff
```
#1054ff rgb(16,84,255)
```
#2966ff
```
#2966ff rgb(41,102,255)
```
#4378ff
```
#4378ff rgb(67,120,255)
```

Monochromatic Color

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

#0083f5
```
#0083f5 rgb(0,131,245)
```
#006ff5
```
#006ff5 rgb(0,111,245)
```
#005af5
```
#005af5 rgb(0,90,245)
```
#0046f5
```
#0046f5 rgb(0,70,245)
```
#0032f5
```
#0032f5 rgb(0,50,245)
```
#001df5
```
#001df5 rgb(0,29,245)
```
#0009f5
```
#0009f5 rgb(0,9,245)
```

Similar Colors

Text with hexadecimal color #0046f5

This text has a font color of #0046f5.

<span style="color:#0046f5;">Text here</span>

#0046f5 background color

This paragraph has a background color of #0046f5.

<p style="background-color:#0046f5;">Content here</p>

#0046f5 border color

This element has a border color of #0046f5.

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

CSS codes

.text {color:#0046f5;}

.background {background-color:#0046f5;}

.border {border:1px solid #0046f5;}

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

#00030a
```
#00030a rgb(0,3,10)
```
#00081d
```
#00081d rgb(0,8,29)
```
#000e31
```
#000e31 rgb(0,14,49)
```
#001444
```
#001444 rgb(0,20,68)
```
#001958
```
#001958 rgb(0,25,88)
```
#001f6c
```
#001f6c rgb(0,31,108)
```
#00247f
```
#00247f rgb(0,36,127)
```
#002a93
```
#002a93 rgb(0,42,147)
```
#0030a7
```
#0030a7 rgb(0,48,167)
```
#0035ba
```
#0035ba rgb(0,53,186)
```
#003bce
```
#003bce rgb(0,59,206)
```
#0040e1
```
#0040e1 rgb(0,64,225)
```
#0046f5
```
#0046f5 rgb(0,70,245)
```

Shade Color Variation

#0a50ff
```
#0a50ff rgb(10,80,255)
```
#1d5eff
```
#1d5eff rgb(29,94,255)
```
#316cff
```
#316cff rgb(49,108,255)
```
#447aff
```
#447aff rgb(68,122,255)
```
#5888ff
```
#5888ff rgb(88,136,255)
```
#6c96ff
```
#6c96ff rgb(108,150,255)
```
#7fa4ff
```
#7fa4ff rgb(127,164,255)
```
#93b2ff
```
#93b2ff rgb(147,178,255)
```
#a7c0ff
```
#a7c0ff rgb(167,192,255)
```
#baceff
```
#baceff rgb(186,206,255)
```
#cedcff
```
#cedcff rgb(206,220,255)
```
#e1eaff
```
#e1eaff rgb(225,234,255)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

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

#717684
```
#717684 rgb(113,118,132)
```
#68728d
```
#68728d rgb(104,114,141)
```
#5e6e97
```
#5e6e97 rgb(94,110,151)
```
#556aa0
```
#556aa0 rgb(85,106,160)
```
#4b66aa
```
#4b66aa rgb(75,102,170)
```
#4262b3
```
#4262b3 rgb(66,98,179)
```
#395ebc
```
#395ebc rgb(57,94,188)
```
#2f5ac6
```
#2f5ac6 rgb(47,90,198)
```
#2656cf
```
#2656cf rgb(38,86,207)
```
#1c52d9
```
#1c52d9 rgb(28,82,217)
```
#134ee2
```
#134ee2 rgb(19,78,226)
```
#094aec
```
#094aec rgb(9,74,236)
```
#0046f5
```
#0046f5 rgb(0,70,245)
```

Tone Color Variation

Below, you can see how #0046f5 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

#454545 Achromatopsia 0.005% of the population
#374568 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a5 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#0058d3 Protanomaly 1% of men, 0.01% of women
#005bc2 Deuteranomaly 6% of men, 0.4% of women
#0060a3 Tritanomaly 0.01% of the population

#0046f5 hex color

#0046f5 Color Information

#0046f5 Color Conversion

Color Schemes with #0046f5

Alternatives to #0046f5

#0046f5 Preview

Shades and Tints of #0046f5

Tones of #0046f5

Color Blindness Simulator