#084af2 hex color

In a RGB color space, hex #084af2 is composed of 3.1% red, 29% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 69.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 223.1 degrees, a saturation of 93.6% and a lightness of 49%. #084af2 color hex could be obtained by blending #1094ff with #0000e5. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 3
- G 29
- B 95
RGB color chart
- C 97
- M 69
- Y 0
- K 5
CMYK color chart

● #084af2 color description : Vivid blue.

The hexadecimal color #084af2 has RGB values of R:8, G:74, B:242 and CMYK values of C:0.97, M:0.69, Y:0, K:0.05. Its decimal value is 543474.

Hex triplet	084af2	`#084af2`
RGB Decimal	8, 74, 242	`rgb(8,74,242)`
RGB Percent	3.1, 29, 94.9	`rgb(3.1%,29%,94.9%)`
CMYK	97, 69, 0, 5
HSL	223.1°, 93.6, 49	`hsl(223.1,93.6%,49%)`
HSV (or HSB)	223.1°, 96.7, 94.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.178, 47.999, -87.45
XYZ	18.573, 11.358, 85.213
xyY	0.161, 0.099, 11.358
CIE-LCH	40.178, 99.757, 298.761
CIE-LUV	40.178, -16.056, -124.52
Hunter-Lab	33.702, 39.389, -126.318
Binary	00001000, 01001010, 11110010

#084af2
```
#084af2 rgb(8,74,242)
```
#f2b008
```
#f2b008 rgb(242,176,8)
```

Complementary Color

#08bff2
```
#08bff2 rgb(8,191,242)
```
#084af2
```
#084af2 rgb(8,74,242)
```
#3b08f2
```
#3b08f2 rgb(59,8,242)
```

Analogous Color

#bff208
```
#bff208 rgb(191,242,8)
```
#084af2
```
#084af2 rgb(8,74,242)
```
#f23b08
```
#f23b08 rgb(242,59,8)
```

Split Complementary Color

#4af208
```
#4af208 rgb(74,242,8)
```
#084af2
```
#084af2 rgb(8,74,242)
```
#f2084a
```
#f2084a rgb(242,8,74)
```

Triadic Color

#08f2b0
```
#08f2b0 rgb(8,242,176)
```
#084af2
```
#084af2 rgb(8,74,242)
```
#f2084a
```
#f2084a rgb(242,8,74)
```
#f2b008
```
#f2b008 rgb(242,176,8)
```

Tetradic Color

#0633a8
```
#0633a8 rgb(6,51,168)
```
#063bc1
```
#063bc1 rgb(6,59,193)
```
#0742d9
```
#0742d9 rgb(7,66,217)
```
#084af2
```
#084af2 rgb(8,74,242)
```
#1c5af7
```
#1c5af7 rgb(28,90,247)
```
#356cf8
```
#356cf8 rgb(53,108,248)
```
#4d7ef9
```
#4d7ef9 rgb(77,126,249)
```

Monochromatic Color

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

#0885f2
```
#0885f2 rgb(8,133,242)
```
#0871f2
```
#0871f2 rgb(8,113,242)
```
#085df2
```
#085df2 rgb(8,93,242)
```
#084af2
```
#084af2 rgb(8,74,242)
```
#0836f2
```
#0836f2 rgb(8,54,242)
```
#0823f2
```
#0823f2 rgb(8,35,242)
```
#080ff2
```
#080ff2 rgb(8,15,242)
```

Similar Colors

Text with hexadecimal color #084af2

This text has a font color of #084af2.

<span style="color:#084af2;">Text here</span>

#084af2 background color

This paragraph has a background color of #084af2.

<p style="background-color:#084af2;">Content here</p>

#084af2 border color

This element has a border color of #084af2.

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

CSS codes

.text {color:#084af2;}

.background {background-color:#084af2;}

.border {border:1px solid #084af2;}

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, #00040e is the darkest color, while #fafbff is the lightest one.

#00040e
```
#00040e rgb(0,4,14)
```
#010a21
```
#010a21 rgb(1,10,33)
```
#021034
```
#021034 rgb(2,16,52)
```
#021647
```
#021647 rgb(2,22,71)
```
#031c5a
```
#031c5a rgb(3,28,90)
```
#04216d
```
#04216d rgb(4,33,109)
```
#042780
```
#042780 rgb(4,39,128)
```
#052d93
```
#052d93 rgb(5,45,147)
```
#0533a6
```
#0533a6 rgb(5,51,166)
```
#0639b9
```
#0639b9 rgb(6,57,185)
```
#073ecc
```
#073ecc rgb(7,62,204)
```
#0744df
```
#0744df rgb(7,68,223)
```
#084af2
```
#084af2 rgb(8,74,242)
```

Shade Color Variation

#1656f7
```
#1656f7 rgb(22,86,247)
```
#2964f8
```
#2964f8 rgb(41,100,248)
```
#3c71f9
```
#3c71f9 rgb(60,113,249)
```
#4f7ff9
```
#4f7ff9 rgb(79,127,249)
```
#628dfa
```
#628dfa rgb(98,141,250)
```
#759bfa
```
#759bfa rgb(117,155,250)
```
#88a9fb
```
#88a9fb rgb(136,169,251)
```
#9bb6fc
```
#9bb6fc rgb(155,182,252)
```
#aec4fc
```
#aec4fc rgb(174,196,252)
```
#c1d2fd
```
#c1d2fd rgb(193,210,253)
```
#d4e0fe
```
#d4e0fe rgb(212,224,254)
```
#e7eefe
```
#e7eefe rgb(231,238,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7c7f is the less saturated color, while #084af2 is the most saturated one.

#7b7c7f
```
#7b7c7f rgb(123,124,127)
```
#727888
```
#727888 rgb(114,120,136)
```
#687492
```
#687492 rgb(104,116,146)
```
#5f709b
```
#5f709b rgb(95,112,155)
```
#556ca5
```
#556ca5 rgb(85,108,165)
```
#4b67af
```
#4b67af rgb(75,103,175)
```
#4263b8
```
#4263b8 rgb(66,99,184)
```
#385fc2
```
#385fc2 rgb(56,95,194)
```
#2e5bcc
```
#2e5bcc rgb(46,91,204)
```
#2557d5
```
#2557d5 rgb(37,87,213)
```
#1b52df
```
#1b52df rgb(27,82,223)
```
#124ee8
```
#124ee8 rgb(18,78,232)
```
#084af2
```
#084af2 rgb(8,74,242)
```

Tone Color Variation

Below, you can see how #084af2 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

#494949 Achromatopsia 0.005% of the population
#3c496b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007176 Tritanopia 0.001% of the population

Trichromacy

#025ad3 Protanomaly 1% of men, 0.01% of women
#025ec3 Deuteranomaly 6% of men, 0.4% of women
#0263a3 Tritanomaly 0.01% of the population

#084af2 hex color

#084af2 Color Information

#084af2 Color Conversion

Color Schemes with #084af2

Alternatives to #084af2

#084af2 Preview

Shades and Tints of #084af2

Tones of #084af2

Color Blindness Simulator