colorhexa.com

#0554f0 hex color

In a RGB color space, hex #0554f0 is composed of 2% red, 32.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 65% magenta, 0% yellow and 5.9% black. It has a hue angle of 219.8 degrees, a saturation of 95.9% and a lightness of 48%. #0554f0 color hex could be obtained by blending #0aa8ff with #0000e1. Closest websafe color is: #0066ff.

- R 2
- G 33
- B 94
RGB color chart
- C 98
- M 65
- Y 0
- K 6
CMYK color chart

● #0554f0 color description : Vivid blue.

The hexadecimal color #0554f0 has RGB values of R:5, G:84, B:240 and CMYK values of C:0.98, M:0.65, Y:0, K:0.06. Its decimal value is 349424.

Hex triplet	0554f0	`#0554f0`
RGB Decimal	5, 84, 240	`rgb(5,84,240)`
RGB Percent	2, 32.9, 94.1	`rgb(2%,32.9%,94.1%)`
CMYK	98, 65, 0, 6
HSL	219.8°, 95.9, 48	`hsl(219.8,95.9%,48%)`
HSV (or HSB)	219.8°, 97.9, 94.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.25, 41.058, -82.909
XYZ	18.958, 12.663, 83.878
xyY	0.164, 0.11, 12.663
CIE-LCH	42.25, 92.519, 296.345
CIE-LUV	42.25, -18.224, -121.317
Hunter-Lab	35.584, 32.824, -114.847
Binary	00000101, 01010100, 11110000

#0554f0
```
#0554f0 rgb(5,84,240)
```
#f0a105
```
#f0a105 rgb(240,161,5)
```

Complementary Color

#05caf0
```
#05caf0 rgb(5,202,240)
```
#0554f0
```
#0554f0 rgb(5,84,240)
```
#2c05f0
```
#2c05f0 rgb(44,5,240)
```

Analogous Color

#caf005
```
#caf005 rgb(202,240,5)
```
#0554f0
```
#0554f0 rgb(5,84,240)
```
#f02c05
```
#f02c05 rgb(240,44,5)
```

Split Complementary Color

#033aa5
```
#033aa5 rgb(3,58,165)
```
#0443be
```
#0443be rgb(4,67,190)
```
#044bd7
```
#044bd7 rgb(4,75,215)
```
#0554f0
```
#0554f0 rgb(5,84,240)
```
#1462fa
```
#1462fa rgb(20,98,250)
```
#2d72fb
```
#2d72fb rgb(45,114,251)
```
#4683fb
```
#4683fb rgb(70,131,251)
```

Monochromatic Color

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

#058ff0
```
#058ff0 rgb(5,143,240)
```
#057bf0
```
#057bf0 rgb(5,123,240)
```
#0568f0
```
#0568f0 rgb(5,104,240)
```
#0554f0
```
#0554f0 rgb(5,84,240)
```
#0540f0
```
#0540f0 rgb(5,64,240)
```
#052df0
```
#052df0 rgb(5,45,240)
```
#0519f0
```
#0519f0 rgb(5,25,240)
```

Similar Colors

Text with hexadecimal color #0554f0

This text has a font color of #0554f0.

<span style="color:#0554f0;">Text here</span>

#0554f0 background color

This paragraph has a background color of #0554f0.

<p style="background-color:#0554f0;">Content here</p>

#0554f0 border color

This element has a border color of #0554f0.

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

CSS codes

.text {color:#0554f0;}

.background {background-color:#0554f0;}

.border {border:1px solid #0554f0;}

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

#000309
```
#000309 rgb(0,3,9)
```
#010a1d
```
#010a1d rgb(1,10,29)
```
#011130
```
#011130 rgb(1,17,48)
```
#011743
```
#011743 rgb(1,23,67)
```
#021e56
```
#021e56 rgb(2,30,86)
```
#022569
```
#022569 rgb(2,37,105)
```
#032c7d
```
#032c7d rgb(3,44,125)
```
#033290
```
#033290 rgb(3,50,144)
```
#0339a3
```
#0339a3 rgb(3,57,163)
```
#0440b6
```
#0440b6 rgb(4,64,182)
```
#0447ca
```
#0447ca rgb(4,71,202)
```
#054ddd
```
#054ddd rgb(5,77,221)
```
#0554f0
```
#0554f0 rgb(5,84,240)
```

Shade Color Variation

#0f5efa
```
#0f5efa rgb(15,94,250)
```
#226bfa
```
#226bfa rgb(34,107,250)
```
#3578fb
```
#3578fb rgb(53,120,251)
```
#4884fb
```
#4884fb rgb(72,132,251)
```
#5b91fc
```
#5b91fc rgb(91,145,252)
```
#6f9efc
```
#6f9efc rgb(111,158,252)
```
#82abfc
```
#82abfc rgb(130,171,252)
```
#95b8fd
```
#95b8fd rgb(149,184,253)
```
#a8c5fd
```
#a8c5fd rgb(168,197,253)
```
#bcd2fe
```
#bcd2fe rgb(188,210,254)
```
#cfdffe
```
#cfdffe rgb(207,223,254)
```
#e2ecfe
```
#e2ecfe rgb(226,236,254)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76797f is the less saturated color, while #0554f0 is the most saturated one.

#76797f
```
#76797f rgb(118,121,127)
```
#6d7688
```
#6d7688 rgb(109,118,136)
```
#637392
```
#637392 rgb(99,115,146)
```
#5a709b
```
#5a709b rgb(90,112,155)
```
#506da5
```
#506da5 rgb(80,109,165)
```
#476aae
```
#476aae rgb(71,106,174)
```
#3e67b7
```
#3e67b7 rgb(62,103,183)
```
#3463c1
```
#3463c1 rgb(52,99,193)
```
#2b60ca
```
#2b60ca rgb(43,96,202)
```
#215dd4
```
#215dd4 rgb(33,93,212)
```
#185add
```
#185add rgb(24,90,221)
```
#0e57e7
```
#0e57e7 rgb(14,87,231)
```
#0554f0
```
#0554f0 rgb(5,84,240)
```

Tone Color Variation

Below, you can see how #0554f0 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

#4e4e4e Achromatopsia 0.005% of the population
#3f4f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb1 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#0161d9 Protanomaly 1% of men, 0.01% of women
#0165c7 Deuteranomaly 6% of men, 0.4% of women
#0169a6 Tritanomaly 0.01% of the population