#084bf0 hex color

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

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

● #084bf0 color description : Vivid blue.

The hexadecimal color #084bf0 has RGB values of R:8, G:75, B:240 and CMYK values of C:0.97, M:0.69, Y:0, K:0.06. Its decimal value is 543728.

Hex triplet	084bf0	`#084bf0`
RGB Decimal	8, 75, 240	`rgb(8,75,240)`
RGB Percent	3.1, 29.4, 94.1	`rgb(3.1%,29.4%,94.1%)`
CMYK	97, 69, 0, 6
HSL	222.7°, 93.5, 48.6	`hsl(222.7,93.5%,48.6%)`
HSV (or HSB)	222.7°, 96.7, 94.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.203, 46.682, -86.282
XYZ	18.341, 11.374, 83.662
xyY	0.162, 0.1, 11.374
CIE-LCH	40.203, 98.101, 298.415
CIE-LUV	40.203, -16.241, -123.163
Hunter-Lab	33.725, 38.059, -123.476
Binary	00001000, 01001011, 11110000

#084bf0
```
#084bf0 rgb(8,75,240)
```
#f0ad08
```
#f0ad08 rgb(240,173,8)
```

Complementary Color

#08bff0
```
#08bff0 rgb(8,191,240)
```
#084bf0
```
#084bf0 rgb(8,75,240)
```
#3908f0
```
#3908f0 rgb(57,8,240)
```

Analogous Color

#bff008
```
#bff008 rgb(191,240,8)
```
#084bf0
```
#084bf0 rgb(8,75,240)
```
#f03908
```
#f03908 rgb(240,57,8)
```

Split Complementary Color

#4bf008
```
#4bf008 rgb(75,240,8)
```
#084bf0
```
#084bf0 rgb(8,75,240)
```
#f0084b
```
#f0084b rgb(240,8,75)
```

Triadic Color

#08f0ad
```
#08f0ad rgb(8,240,173)
```
#084bf0
```
#084bf0 rgb(8,75,240)
```
#f0084b
```
#f0084b rgb(240,8,75)
```
#f0ad08
```
#f0ad08 rgb(240,173,8)
```

Tetradic Color

#0634a6
```
#0634a6 rgb(6,52,166)
```
#063cbf
```
#063cbf rgb(6,60,191)
```
#0743d7
```
#0743d7 rgb(7,67,215)
```
#084bf0
```
#084bf0 rgb(8,75,240)
```
#1a5af7
```
#1a5af7 rgb(26,90,247)
```
#336cf8
```
#336cf8 rgb(51,108,248)
```
#4b7ef9
```
#4b7ef9 rgb(75,126,249)
```

Monochromatic Color

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

#0885f0
```
#0885f0 rgb(8,133,240)
```
#0872f0
```
#0872f0 rgb(8,114,240)
```
#085ef0
```
#085ef0 rgb(8,94,240)
```
#084bf0
```
#084bf0 rgb(8,75,240)
```
#0838f0
```
#0838f0 rgb(8,56,240)
```
#0824f0
```
#0824f0 rgb(8,36,240)
```
#0811f0
```
#0811f0 rgb(8,17,240)
```

Similar Colors

Text with hexadecimal color #084bf0

This text has a font color of #084bf0.

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

#084bf0 background color

This paragraph has a background color of #084bf0.

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

#084bf0 border color

This element has a border color of #084bf0.

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

CSS codes

.text {color:#084bf0;}

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

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

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)
```
#04216b
```
#04216b rgb(4,33,107)
```
#04277e
```
#04277e rgb(4,39,126)
```
#052d91
```
#052d91 rgb(5,45,145)
```
#0533a4
```
#0533a4 rgb(5,51,164)
```
#0639b7
```
#0639b7 rgb(6,57,183)
```
#073fca
```
#073fca rgb(7,63,202)
```
#0745dd
```
#0745dd rgb(7,69,221)
```
#084bf0
```
#084bf0 rgb(8,75,240)
```

Shade Color Variation

#1456f7
```
#1456f7 rgb(20,86,247)
```
#2764f8
```
#2764f8 rgb(39,100,248)
```
#3a71f8
```
#3a71f8 rgb(58,113,248)
```
#4d7ff9
```
#4d7ff9 rgb(77,127,249)
```
#608dfa
```
#608dfa rgb(96,141,250)
```
#739afa
```
#739afa rgb(115,154,250)
```
#86a8fb
```
#86a8fb rgb(134,168,251)
```
#99b6fc
```
#99b6fc rgb(153,182,252)
```
#acc3fc
```
#acc3fc rgb(172,195,252)
```
#bfd1fd
```
#bfd1fd rgb(191,209,253)
```
#d2dffe
```
#d2dffe rgb(210,223,254)
```
#e5ecfe
```
#e5ecfe rgb(229,236,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 #084bf0 is the most saturated one.

#7a7b7e
```
#7a7b7e rgb(122,123,126)
```
#717787
```
#717787 rgb(113,119,135)
```
#677391
```
#677391 rgb(103,115,145)
```
#5e6f9a
```
#5e6f9a rgb(94,111,154)
```
#546ba4
```
#546ba4 rgb(84,107,164)
```
#4b67ad
```
#4b67ad rgb(75,103,173)
```
#4163b7
```
#4163b7 rgb(65,99,183)
```
#385fc0
```
#385fc0 rgb(56,95,192)
```
#2e5bca
```
#2e5bca rgb(46,91,202)
```
#2557d3
```
#2557d3 rgb(37,87,211)
```
#1b53dd
```
#1b53dd rgb(27,83,221)
```
#124fe6
```
#124fe6 rgb(18,79,230)
```
#084bf0
```
#084bf0 rgb(8,75,240)
```

Tone Color Variation

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

#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
#025ec2 Deuteranomaly 6% of men, 0.4% of women
#0263a2 Tritanomaly 0.01% of the population

#084bf0 hex color

#084bf0 Color Information

#084bf0 Color Conversion

Color Schemes with #084bf0

Alternatives to #084bf0

#084bf0 Preview

Shades and Tints of #084bf0

Tones of #084bf0

Color Blindness Simulator