#084cf0 hex color

In a RGB color space, hex #084cf0 is composed of 3.1% red, 29.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 68.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 222.4 degrees, a saturation of 93.5% and a lightness of 48.6%. #084cf0 color hex could be obtained by blending #1098ff with #0000e1. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 3
- G 30
- B 94
RGB color chart
- C 97
- M 68
- Y 0
- K 6
CMYK color chart

● #084cf0 color description : Vivid blue.

The hexadecimal color #084cf0 has RGB values of R:8, G:76, B:240 and CMYK values of C:0.97, M:0.68, Y:0, K:0.06. Its decimal value is 543984.

Hex triplet	084cf0	`#084cf0`
RGB Decimal	8, 76, 240	`rgb(8,76,240)`
RGB Percent	3.1, 29.8, 94.1	`rgb(3.1%,29.8%,94.1%)`
CMYK	97, 68, 0, 6
HSL	222.4°, 93.5, 48.6	`hsl(222.4,93.5%,48.6%)`
HSV (or HSB)	222.4°, 96.7, 94.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.427, 46.074, -85.912
XYZ	18.409, 11.51, 83.685
xyY	0.162, 0.101, 11.51
CIE-LCH	40.427, 97.487, 298.204
CIE-LUV	40.427, -16.44, -122.993
Hunter-Lab	33.927, 37.487, -122.498
Binary	00001000, 01001100, 11110000

#084cf0
```
#084cf0 rgb(8,76,240)
```
#f0ac08
```
#f0ac08 rgb(240,172,8)
```

Complementary Color

#08c0f0
```
#08c0f0 rgb(8,192,240)
```
#084cf0
```
#084cf0 rgb(8,76,240)
```
#3808f0
```
#3808f0 rgb(56,8,240)
```

Analogous Color

#c0f008
```
#c0f008 rgb(192,240,8)
```
#084cf0
```
#084cf0 rgb(8,76,240)
```
#f03808
```
#f03808 rgb(240,56,8)
```

Split Complementary Color

#4cf008
```
#4cf008 rgb(76,240,8)
```
#084cf0
```
#084cf0 rgb(8,76,240)
```
#f0084c
```
#f0084c rgb(240,8,76)
```

Triadic Color

#08f0ac
```
#08f0ac rgb(8,240,172)
```
#084cf0
```
#084cf0 rgb(8,76,240)
```
#f0084c
```
#f0084c rgb(240,8,76)
```
#f0ac08
```
#f0ac08 rgb(240,172,8)
```

Tetradic Color

#0635a6
```
#0635a6 rgb(6,53,166)
```
#063cbf
```
#063cbf rgb(6,60,191)
```
#0744d7
```
#0744d7 rgb(7,68,215)
```
#084cf0
```
#084cf0 rgb(8,76,240)
```
#1a5bf7
```
#1a5bf7 rgb(26,91,247)
```
#336df8
```
#336df8 rgb(51,109,248)
```
#4b7ef9
```
#4b7ef9 rgb(75,126,249)
```

Monochromatic Color

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

#0886f0
```
#0886f0 rgb(8,134,240)
```
#0873f0
```
#0873f0 rgb(8,115,240)
```
#085ff0
```
#085ff0 rgb(8,95,240)
```
#084cf0
```
#084cf0 rgb(8,76,240)
```
#0839f0
```
#0839f0 rgb(8,57,240)
```
#0825f0
```
#0825f0 rgb(8,37,240)
```
#0812f0
```
#0812f0 rgb(8,18,240)
```

Similar Colors

Text with hexadecimal color #084cf0

This text has a font color of #084cf0.

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

#084cf0 background color

This paragraph has a background color of #084cf0.

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

#084cf0 border color

This element has a border color of #084cf0.

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

CSS codes

.text {color:#084cf0;}

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

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

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

#00040c
```
#00040c rgb(0,4,12)
```
#010a1f
```
#010a1f rgb(1,10,31)
```
#021032
```
#021032 rgb(2,16,50)
```
#021645
```
#021645 rgb(2,22,69)
```
#031c58
```
#031c58 rgb(3,28,88)
```
#04226b
```
#04226b rgb(4,34,107)
```
#04287e
```
#04287e rgb(4,40,126)
```
#052e91
```
#052e91 rgb(5,46,145)
```
#0534a4
```
#0534a4 rgb(5,52,164)
```
#063ab7
```
#063ab7 rgb(6,58,183)
```
#0740ca
```
#0740ca rgb(7,64,202)
```
#0746dd
```
#0746dd rgb(7,70,221)
```
#084cf0
```
#084cf0 rgb(8,76,240)
```

Shade Color Variation

#1457f7
```
#1457f7 rgb(20,87,247)
```
#2764f8
```
#2764f8 rgb(39,100,248)
```
#3a72f8
```
#3a72f8 rgb(58,114,248)
```
#4d80f9
```
#4d80f9 rgb(77,128,249)
```
#608dfa
```
#608dfa rgb(96,141,250)
```
#739bfa
```
#739bfa rgb(115,155,250)
```
#86a9fb
```
#86a9fb rgb(134,169,251)
```
#99b6fc
```
#99b6fc rgb(153,182,252)
```
#acc4fc
```
#acc4fc rgb(172,196,252)
```
#bfd1fd
```
#bfd1fd rgb(191,209,253)
```
#d2dffe
```
#d2dffe rgb(210,223,254)
```
#e5edfe
```
#e5edfe rgb(229,237,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#7a7b7e
```
#7a7b7e rgb(122,123,126)
```
#717787
```
#717787 rgb(113,119,135)
```
#677391
```
#677391 rgb(103,115,145)
```
#5e709a
```
#5e709a rgb(94,112,154)
```
#546ca4
```
#546ca4 rgb(84,108,164)
```
#4b68ad
```
#4b68ad rgb(75,104,173)
```
#4164b7
```
#4164b7 rgb(65,100,183)
```
#3860c0
```
#3860c0 rgb(56,96,192)
```
#2e5cca
```
#2e5cca rgb(46,92,202)
```
#2558d3
```
#2558d3 rgb(37,88,211)
```
#1b54dd
```
#1b54dd rgb(27,84,221)
```
#1250e6
```
#1250e6 rgb(18,80,230)
```
#084cf0
```
#084cf0 rgb(8,76,240)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#3d4a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#025bd3 Protanomaly 1% of men, 0.01% of women
#025fc3 Deuteranomaly 6% of men, 0.4% of women
#0264a3 Tritanomaly 0.01% of the population

#084cf0 hex color

#084cf0 Color Information

#084cf0 Color Conversion

Color Schemes with #084cf0

Alternatives to #084cf0

#084cf0 Preview

Shades and Tints of #084cf0

Tones of #084cf0

Color Blindness Simulator