#554bfd hex color

In a RGB color space, hex #554bfd is composed of 33.3% red, 29.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 70.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 243.4 degrees, a saturation of 97.8% and a lightness of 64.3%. #554bfd color hex could be obtained by blending #aa96ff with #0000fb. Closest websafe color is: #6633ff.

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

● #554bfd color description : Bright blue.

The hexadecimal color #554bfd has RGB values of R:85, G:75, B:253 and CMYK values of C:0.66, M:0.7, Y:0, K:0.01. Its decimal value is 5590013.

Hex triplet	554bfd	`#554bfd`
RGB Decimal	85, 75, 253	`rgb(85,75,253)`
RGB Percent	33.3, 29.4, 99.2	`rgb(33.3%,29.4%,99.2%)`
CMYK	66, 70, 0, 1
HSL	243.4°, 97.8, 64.3	`hsl(243.4,97.8%,64.3%)`
HSV (or HSB)	243.4°, 70.4, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.31, 56.021, -86.705
XYZ	23.989, 14.054, 94.372
xyY	0.181, 0.106, 14.054
CIE-LCH	44.31, 103.228, 302.867
CIE-LUV	44.31, -7.241, -129.097
Hunter-Lab	37.489, 48.614, -123.01
Binary	01010101, 01001011, 11111101

#554bfd
```
#554bfd rgb(85,75,253)
```
#f3fd4b
```
#f3fd4b rgb(243,253,75)
```

Complementary Color

#4b9afd
```
#4b9afd rgb(75,154,253)
```
#554bfd
```
#554bfd rgb(85,75,253)
```
#ae4bfd
```
#ae4bfd rgb(174,75,253)
```

Analogous Color

#9afd4b
```
#9afd4b rgb(154,253,75)
```
#554bfd
```
#554bfd rgb(85,75,253)
```
#fdae4b
```
#fdae4b rgb(253,174,75)
```

Split Complementary Color

#4bfd55
```
#4bfd55 rgb(75,253,85)
```
#554bfd
```
#554bfd rgb(85,75,253)
```
#fd554b
```
#fd554b rgb(253,85,75)
```

Triadic Color

#4bf3fd
```
#4bf3fd rgb(75,243,253)
```
#554bfd
```
#554bfd rgb(85,75,253)
```
#fd554b
```
#fd554b rgb(253,85,75)
```
#f3fd4b
```
#f3fd4b rgb(243,253,75)
```

Tetradic Color

#1103f9
```
#1103f9 rgb(17,3,249)
```
#2519fc
```
#2519fc rgb(37,25,252)
```
#3d32fd
```
#3d32fd rgb(61,50,253)
```
#554bfd
```
#554bfd rgb(85,75,253)
```
#6d64fd
```
#6d64fd rgb(109,100,253)
```
#857dfe
```
#857dfe rgb(133,125,254)
```
#9c97fe
```
#9c97fe rgb(156,151,254)
```

Monochromatic Color

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

#4b6efd
```
#4b6efd rgb(75,110,253)
```
#4b5ffd
```
#4b5ffd rgb(75,95,253)
```
#4b50fd
```
#4b50fd rgb(75,80,253)
```
#554bfd
```
#554bfd rgb(85,75,253)
```
#644bfd
```
#644bfd rgb(100,75,253)
```
#734bfd
```
#734bfd rgb(115,75,253)
```
#824bfd
```
#824bfd rgb(130,75,253)
```

Similar Colors

Text with hexadecimal color #554bfd

This text has a font color of #554bfd.

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

#554bfd background color

This paragraph has a background color of #554bfd.

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

#554bfd border color

This element has a border color of #554bfd.

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

CSS codes

.text {color:#554bfd;}

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

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

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

#01000e
```
#01000e rgb(1,0,14)
```
#020021
```
#020021 rgb(2,0,33)
```
#040135
```
#040135 rgb(4,1,53)
```
#050148
```
#050148 rgb(5,1,72)
```
#06015c
```
#06015c rgb(6,1,92)
```
#07016f
```
#07016f rgb(7,1,111)
```
#090182
```
#090182 rgb(9,1,130)
```
#0a0296
```
#0a0296 rgb(10,2,150)
```
#0b02a9
```
#0b02a9 rgb(11,2,169)
```
#0d02bd
```
#0d02bd rgb(13,2,189)
```
#0e02d0
```
#0e02d0 rgb(14,2,208)
```
#0f03e3
```
#0f03e3 rgb(15,3,227)
```
#1003f7
```
#1003f7 rgb(16,3,247)
```

Shade Color Variation

#1e11fc
```
#1e11fc rgb(30,17,252)
```
#3024fd
```
#3024fd rgb(48,36,253)
```
#4338fd
```
#4338fd rgb(67,56,253)
```
#554bfd
```
#554bfd rgb(85,75,253)
```
#675efd
```
#675efd rgb(103,94,253)
```
#7a72fd
```
#7a72fd rgb(122,114,253)
```
#8c85fe
```
#8c85fe rgb(140,133,254)
```
#9e99fe
```
#9e99fe rgb(158,153,254)
```
#b1acfe
```
#b1acfe rgb(177,172,254)
```
#c3bffe
```
#c3bffe rgb(195,191,254)
```
#d5d3ff
```
#d5d3ff rgb(213,211,255)
```
#e8e6ff
```
#e8e6ff rgb(232,230,255)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#a09fa9
```
#a09fa9 rgb(160,159,169)
```
#9998b0
```
#9998b0 rgb(153,152,176)
```
#9391b7
```
#9391b7 rgb(147,145,183)
```
#8d8abe
```
#8d8abe rgb(141,138,190)
```
#8783c5
```
#8783c5 rgb(135,131,197)
```
#807ccc
```
#807ccc rgb(128,124,204)
```
#7a75d3
```
#7a75d3 rgb(122,117,211)
```
#746eda
```
#746eda rgb(116,110,218)
```
#6e67e1
```
#6e67e1 rgb(110,103,225)
```
#6860e8
```
#6860e8 rgb(104,96,232)
```
#6159ef
```
#6159ef rgb(97,89,239)
```
#5b52f6
```
#5b52f6 rgb(91,82,246)
```
#554bfd
```
#554bfd rgb(85,75,253)
```

Tone Color Variation

Below, you can see how #554bfd 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
#5f5d81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd4 Protanopia 1% of men
#0073b9 Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#1e60e3 Protanomaly 1% of men, 0.01% of women
#1e64d1 Deuteranomaly 6% of men, 0.4% of women
#1e69af Tritanomaly 0.01% of the population

#554bfd hex color

#554bfd Color Information

#554bfd Color Conversion

Color Schemes with #554bfd

Alternatives to #554bfd

#554bfd Preview

Shades and Tints of #554bfd

Tones of #554bfd

Color Blindness Simulator