#046afa hex color

In a RGB color space, hex #046afa is composed of 1.6% red, 41.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 57.6% magenta, 0% yellow and 2% black. It has a hue angle of 215.1 degrees, a saturation of 96.9% and a lightness of 49.8%. #046afa color hex could be obtained by blending #08d4ff with #0000f5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 2
- G 42
- B 98
RGB color chart
- C 98
- M 58
- Y 0
- K 2
CMYK color chart

● #046afa color description : Vivid blue.

The hexadecimal color #046afa has RGB values of R:4, G:106, B:250 and CMYK values of C:0.98, M:0.58, Y:0, K:0.02. Its decimal value is 289530.

Hex triplet	046afa	`#046afa`
RGB Decimal	4, 106, 250	`rgb(4,106,250)`
RGB Percent	1.6, 41.6, 98	`rgb(1.6%,41.6%,98%)`
CMYK	98, 58, 0, 2
HSL	215.1°, 96.9, 49.8	`hsl(215.1,96.9%,49.8%)`
HSV (or HSB)	215.1°, 98.4, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.554, 30.852, -78.175
XYZ	22.456, 17.234, 92.58
xyY	0.17, 0.13, 17.234
CIE-LCH	48.554, 84.042, 291.537
CIE-LUV	48.554, -23.399, -120.382
Hunter-Lab	41.514, 23.905, -103.163
Binary	00000100, 01101010, 11111010

#046afa
```
#046afa rgb(4,106,250)
```
#fa9404
```
#fa9404 rgb(250,148,4)
```

Complementary Color

#04e5fa
```
#04e5fa rgb(4,229,250)
```
#046afa
```
#046afa rgb(4,106,250)
```
#1904fa
```
#1904fa rgb(25,4,250)
```

Analogous Color

#e5fa04
```
#e5fa04 rgb(229,250,4)
```
#046afa
```
#046afa rgb(4,106,250)
```
#fa1904
```
#fa1904 rgb(250,25,4)
```

Split Complementary Color

#6afa04
```
#6afa04 rgb(106,250,4)
```
#046afa
```
#046afa rgb(4,106,250)
```
#fa046a
```
#fa046a rgb(250,4,106)
```

Triadic Color

#04fa94
```
#04fa94 rgb(4,250,148)
```
#046afa
```
#046afa rgb(4,106,250)
```
#fa046a
```
#fa046a rgb(250,4,106)
```
#fa9404
```
#fa9404 rgb(250,148,4)
```

Tetradic Color

#034aaf
```
#034aaf rgb(3,74,175)
```
#0355c8
```
#0355c8 rgb(3,85,200)
```
#045fe1
```
#045fe1 rgb(4,95,225)
```
#046afa
```
#046afa rgb(4,106,250)
```
#1c79fb
```
#1c79fb rgb(28,121,251)
```
#3588fc
```
#3588fc rgb(53,136,252)
```
#4e96fc
```
#4e96fc rgb(78,150,252)
```

Monochromatic Color

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

#04a8fa
```
#04a8fa rgb(4,168,250)
```
#0493fa
```
#0493fa rgb(4,147,250)
```
#047ffa
```
#047ffa rgb(4,127,250)
```
#046afa
```
#046afa rgb(4,106,250)
```
#0456fa
```
#0456fa rgb(4,86,250)
```
#0441fa
```
#0441fa rgb(4,65,250)
```
#042cfa
```
#042cfa rgb(4,44,250)
```

Similar Colors

Text with hexadecimal color #046afa

This text has a font color of #046afa.

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

#046afa background color

This paragraph has a background color of #046afa.

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

#046afa border color

This element has a border color of #046afa.

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

CSS codes

.text {color:#046afa;}

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

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

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, #000812 is the darkest color, while #fefeff is the lightest one.

#000812
```
#000812 rgb(0,8,18)
```
#011026
```
#011026 rgb(1,16,38)
```
#011839
```
#011839 rgb(1,24,57)
```
#01204c
```
#01204c rgb(1,32,76)
```
#022960
```
#022960 rgb(2,41,96)
```
#023173
```
#023173 rgb(2,49,115)
```
#023986
```
#023986 rgb(2,57,134)
```
#024199
```
#024199 rgb(2,65,153)
```
#0349ad
```
#0349ad rgb(3,73,173)
```
#0351c0
```
#0351c0 rgb(3,81,192)
```
#035ad3
```
#035ad3 rgb(3,90,211)
```
#0462e7
```
#0462e7 rgb(4,98,231)
```
#046afa
```
#046afa rgb(4,106,250)
```

Shade Color Variation

#1675fb
```
#1675fb rgb(22,117,251)
```
#2a81fc
```
#2a81fc rgb(42,129,252)
```
#3d8cfc
```
#3d8cfc rgb(61,140,252)
```
#5098fc
```
#5098fc rgb(80,152,252)
```
#64a3fd
```
#64a3fd rgb(100,163,253)
```
#77aefd
```
#77aefd rgb(119,174,253)
```
#8abafd
```
#8abafd rgb(138,186,253)
```
#9dc5fd
```
#9dc5fd rgb(157,197,253)
```
#b1d1fe
```
#b1d1fe rgb(177,209,254)
```
#c4dcfe
```
#c4dcfe rgb(196,220,254)
```
#d7e8fe
```
#d7e8fe rgb(215,232,254)
```
#ebf3ff
```
#ebf3ff rgb(235,243,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#797e85
```
#797e85 rgb(121,126,133)
```
#6f7c8f
```
#6f7c8f rgb(111,124,143)
```
#667b98
```
#667b98 rgb(102,123,152)
```
#5c79a2
```
#5c79a2 rgb(92,121,162)
```
#5277ac
```
#5277ac rgb(82,119,172)
```
#4876b6
```
#4876b6 rgb(72,118,182)
```
#3f74bf
```
#3f74bf rgb(63,116,191)
```
#3572c9
```
#3572c9 rgb(53,114,201)
```
#2b71d3
```
#2b71d3 rgb(43,113,211)
```
#216fdd
```
#216fdd rgb(33,111,221)
```
#186de6
```
#186de6 rgb(24,109,230)
```
#0e6cf0
```
#0e6cf0 rgb(14,108,240)
```
#046afa
```
#046afa rgb(4,106,250)
```

Tone Color Variation

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

#0172ee Protanomaly 1% of men, 0.01% of women
#0176db Deuteranomaly 6% of men, 0.4% of women
#017cb5 Tritanomaly 0.01% of the population

#046afa hex color

#046afa Color Information

#046afa Color Conversion

Color Schemes with #046afa

Alternatives to #046afa

#046afa Preview

Shades and Tints of #046afa

Tones of #046afa

Color Blindness Simulator