#554bfa hex color

In a RGB color space, hex #554bfa is composed of 33.3% red, 29.4% green and 98% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 70% magenta, 0% yellow and 2% black. It has a hue angle of 243.4 degrees, a saturation of 94.6% and a lightness of 63.7%. #554bfa color hex could be obtained by blending #aa96ff with #0000f5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 29
- B 98
RGB color chart
- C 66
- M 70
- Y 0
- K 2
CMYK color chart

● #554bfa color description : Bright blue.

The hexadecimal color #554bfa has RGB values of R:85, G:75, B:250 and CMYK values of C:0.66, M:0.7, Y:0, K:0.02. Its decimal value is 5590010.

Hex triplet	554bfa	`#554bfa`
RGB Decimal	85, 75, 250	`rgb(85,75,250)`
RGB Percent	33.3, 29.4, 98	`rgb(33.3%,29.4%,98%)`
CMYK	66, 70, 0, 2
HSL	243.4°, 94.6, 63.7	`hsl(243.4,94.6%,63.7%)`
HSV (or HSB)	243.4°, 70, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.038, 55.099, -85.477
XYZ	23.514, 13.864, 91.874
xyY	0.182, 0.107, 13.864
CIE-LCH	44.038, 101.697, 302.806
CIE-LUV	44.038, -7.076, -127.249
Hunter-Lab	37.235, 47.564, -120.229
Binary	01010101, 01001011, 11111010

#554bfa
```
#554bfa rgb(85,75,250)
```
#f0fa4b
```
#f0fa4b rgb(240,250,75)
```

Complementary Color

#4b99fa
```
#4b99fa rgb(75,153,250)
```
#554bfa
```
#554bfa rgb(85,75,250)
```
#ad4bfa
```
#ad4bfa rgb(173,75,250)
```

Analogous Color

#99fa4b
```
#99fa4b rgb(153,250,75)
```
#554bfa
```
#554bfa rgb(85,75,250)
```
#faad4b
```
#faad4b rgb(250,173,75)
```

Split Complementary Color

#4bfa55
```
#4bfa55 rgb(75,250,85)
```
#554bfa
```
#554bfa rgb(85,75,250)
```
#fa554b
```
#fa554b rgb(250,85,75)
```

Triadic Color

#4bf0fa
```
#4bf0fa rgb(75,240,250)
```
#554bfa
```
#554bfa rgb(85,75,250)
```
#fa554b
```
#fa554b rgb(250,85,75)
```
#f0fa4b
```
#f0fa4b rgb(240,250,75)
```

Tetradic Color

#1407f2
```
#1407f2 rgb(20,7,242)
```
#2619f9
```
#2619f9 rgb(38,25,249)
```
#3e32f9
```
#3e32f9 rgb(62,50,249)
```
#554bfa
```
#554bfa rgb(85,75,250)
```
#6c64fb
```
#6c64fb rgb(108,100,251)
```
#847dfb
```
#847dfb rgb(132,125,251)
```
#9b95fc
```
#9b95fc rgb(155,149,252)
```

Monochromatic Color

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

#4b6dfa
```
#4b6dfa rgb(75,109,250)
```
#4b5efa
```
#4b5efa rgb(75,94,250)
```
#4b50fa
```
#4b50fa rgb(75,80,250)
```
#554bfa
```
#554bfa rgb(85,75,250)
```
#644bfa
```
#644bfa rgb(100,75,250)
```
#724bfa
```
#724bfa rgb(114,75,250)
```
#814bfa
```
#814bfa rgb(129,75,250)
```

Similar Colors

Text with hexadecimal color #554bfa

This text has a font color of #554bfa.

<span style="color:#554bfa;">Text here</span>

#554bfa background color

This paragraph has a background color of #554bfa.

<p style="background-color:#554bfa;">Content here</p>

#554bfa border color

This element has a border color of #554bfa.

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

CSS codes

.text {color:#554bfa;}

.background {background-color:#554bfa;}

.border {border:1px solid #554bfa;}

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, #01000b is the darkest color, while #f7f7ff is the lightest one.

#01000b
```
#01000b rgb(1,0,11)
```
#02011e
```
#02011e rgb(2,1,30)
```
#040131
```
#040131 rgb(4,1,49)
```
#060244
```
#060244 rgb(6,2,68)
```
#070257
```
#070257 rgb(7,2,87)
```
#09036a
```
#09036a rgb(9,3,106)
```
#0a037d
```
#0a037d rgb(10,3,125)
```
#0c0490
```
#0c0490 rgb(12,4,144)
```
#0e05a4
```
#0e05a4 rgb(14,5,164)
```
#0f05b7
```
#0f05b7 rgb(15,5,183)
```
#1106ca
```
#1106ca rgb(17,6,202)
```
#1206dd
```
#1206dd rgb(18,6,221)
```
#1407f0
```
#1407f0 rgb(20,7,240)
```

Shade Color Variation

#1f12f8
```
#1f12f8 rgb(31,18,248)
```
#3125f9
```
#3125f9 rgb(49,37,249)
```
#4338f9
```
#4338f9 rgb(67,56,249)
```
#554bfa
```
#554bfa rgb(85,75,250)
```
#675efb
```
#675efb rgb(103,94,251)
```
#7971fb
```
#7971fb rgb(121,113,251)
```
#8b84fc
```
#8b84fc rgb(139,132,252)
```
#9d97fc
```
#9d97fc rgb(157,151,252)
```
#afaafd
```
#afaafd rgb(175,170,253)
```
#c1befd
```
#c1befd rgb(193,190,253)
```
#d3d1fe
```
#d3d1fe rgb(211,209,254)
```
#e5e4fe
```
#e5e4fe rgb(229,228,254)
```
#f7f7ff
```
#f7f7ff rgb(247,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a0a5 is the less saturated color, while #554bfa is the most saturated one.

#a1a0a5
```
#a1a0a5 rgb(161,160,165)
```
#9a99ac
```
#9a99ac rgb(154,153,172)
```
#9492b3
```
#9492b3 rgb(148,146,179)
```
#8e8bba
```
#8e8bba rgb(142,139,186)
```
#8784c1
```
#8784c1 rgb(135,132,193)
```
#817dc8
```
#817dc8 rgb(129,125,200)
```
#7b76cf
```
#7b76cf rgb(123,118,207)
```
#756fd6
```
#756fd6 rgb(117,111,214)
```
#6e67de
```
#6e67de rgb(110,103,222)
```
#6860e5
```
#6860e5 rgb(104,96,229)
```
#6259ec
```
#6259ec rgb(98,89,236)
```
#5b52f3
```
#5b52f3 rgb(91,82,243)
```
#554bfa
```
#554bfa rgb(85,75,250)
```

Tone Color Variation

Below, you can see how #554bfa 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

#626262 Achromatopsia 0.005% of the population
#5f5d80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#1e60e1 Protanomaly 1% of men, 0.01% of women
#1e64d0 Deuteranomaly 6% of men, 0.4% of women
#1e69ad Tritanomaly 0.01% of the population

#554bfa hex color

#554bfa Color Information

#554bfa Color Conversion

Color Schemes with #554bfa

Alternatives to #554bfa

#554bfa Preview

Shades and Tints of #554bfa

Tones of #554bfa

Color Blindness Simulator