#553bfd hex color

In a RGB color space, hex #553bfd is composed of 33.3% red, 23.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 76.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 248 degrees, a saturation of 98% and a lightness of 61.2%. #553bfd color hex could be obtained by blending #aa76ff with #0000fb. Closest websafe color is: #6633ff.

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

● #553bfd color description : Bright blue.

The hexadecimal color #553bfd has RGB values of R:85, G:59, B:253 and CMYK values of C:0.66, M:0.77, Y:0, K:0.01. Its decimal value is 5585917.

Hex triplet	553bfd	`#553bfd`
RGB Decimal	85, 59, 253	`rgb(85,59,253)`
RGB Percent	33.3, 23.1, 99.2	`rgb(33.3%,23.1%,99.2%)`
CMYK	66, 77, 0, 1
HSL	248°, 98, 61.2	`hsl(248,98%,61.2%)`
HSV (or HSB)	248°, 76.7, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.454, 64.098, -91.416
XYZ	23.036, 12.15, 94.054
xyY	0.178, 0.094, 12.15
CIE-LCH	41.454, 111.649, 305.037
CIE-LUV	41.454, -4.744, -131.494
Hunter-Lab	34.857, 56.969, -135.583
Binary	01010101, 00111011, 11111101

#553bfd
```
#553bfd rgb(85,59,253)
```
#e3fd3b
```
#e3fd3b rgb(227,253,59)
```

Complementary Color

#3b82fd
```
#3b82fd rgb(59,130,253)
```
#553bfd
```
#553bfd rgb(85,59,253)
```
#b63bfd
```
#b63bfd rgb(182,59,253)
```

Analogous Color

#82fd3b
```
#82fd3b rgb(130,253,59)
```
#553bfd
```
#553bfd rgb(85,59,253)
```
#fdb63b
```
#fdb63b rgb(253,182,59)
```

Split Complementary Color

#3bfd55
```
#3bfd55 rgb(59,253,85)
```
#553bfd
```
#553bfd rgb(85,59,253)
```
#fd553b
```
#fd553b rgb(253,85,59)
```

Triadic Color

#3be3fd
```
#3be3fd rgb(59,227,253)
```
#553bfd
```
#553bfd rgb(85,59,253)
```
#fd553b
```
#fd553b rgb(253,85,59)
```
#e3fd3b
```
#e3fd3b rgb(227,253,59)
```

Tetradic Color

#2102e9
```
#2102e9 rgb(33,2,233)
```
#2909fc
```
#2909fc rgb(41,9,252)
```
#3f22fd
```
#3f22fd rgb(63,34,253)
```
#553bfd
```
#553bfd rgb(85,59,253)
```
#6b54fd
```
#6b54fd rgb(107,84,253)
```
#816dfe
```
#816dfe rgb(129,109,254)
```
#9787fe
```
#9787fe rgb(151,135,254)
```

Monochromatic Color

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

#3b52fd
```
#3b52fd rgb(59,82,253)
```
#3b41fd
```
#3b41fd rgb(59,65,253)
```
#453bfd
```
#453bfd rgb(69,59,253)
```
#553bfd
```
#553bfd rgb(85,59,253)
```
#653bfd
```
#653bfd rgb(101,59,253)
```
#753bfd
```
#753bfd rgb(117,59,253)
```
#863bfd
```
#863bfd rgb(134,59,253)
```

Similar Colors

Text with hexadecimal color #553bfd

This text has a font color of #553bfd.

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

#553bfd background color

This paragraph has a background color of #553bfd.

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

#553bfd border color

This element has a border color of #553bfd.

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

CSS codes

.text {color:#553bfd;}

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

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

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

#030012
```
#030012 rgb(3,0,18)
```
#050025
```
#050025 rgb(5,0,37)
```
#080138
```
#080138 rgb(8,1,56)
```
#0b014c
```
#0b014c rgb(11,1,76)
```
#0e015f
```
#0e015f rgb(14,1,95)
```
#100173
```
#100173 rgb(16,1,115)
```
#130186
```
#130186 rgb(19,1,134)
```
#16029a
```
#16029a rgb(22,2,154)
```
#1902ad
```
#1902ad rgb(25,2,173)
```
#1b02c0
```
#1b02c0 rgb(27,2,192)
```
#1e02d4
```
#1e02d4 rgb(30,2,212)
```
#2102e7
```
#2102e7 rgb(33,2,231)
```
#2403fb
```
#2403fb rgb(36,3,251)
```

Shade Color Variation

#3314fd
```
#3314fd rgb(51,20,253)
```
#4428fd
```
#4428fd rgb(68,40,253)
```
#553bfd
```
#553bfd rgb(85,59,253)
```
#664efd
```
#664efd rgb(102,78,253)
```
#7762fd
```
#7762fd rgb(119,98,253)
```
#8875fe
```
#8875fe rgb(136,117,254)
```
#9889fe
```
#9889fe rgb(152,137,254)
```
#a99cfe
```
#a99cfe rgb(169,156,254)
```
#bab0fe
```
#bab0fe rgb(186,176,254)
```
#cbc3fe
```
#cbc3fe rgb(203,195,254)
```
#dcd6ff
```
#dcd6ff rgb(220,214,255)
```
#edeaff
```
#edeaff rgb(237,234,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#9896a2
```
#9896a2 rgb(152,150,162)
```
#928fa9
```
#928fa9 rgb(146,143,169)
```
#8d87b1
```
#8d87b1 rgb(141,135,177)
```
#8780b8
```
#8780b8 rgb(135,128,184)
```
#8278c0
```
#8278c0 rgb(130,120,192)
```
#7c70c8
```
#7c70c8 rgb(124,112,200)
```
#7669cf
```
#7669cf rgb(118,105,207)
```
#7161d7
```
#7161d7 rgb(113,97,215)
```
#6b59df
```
#6b59df rgb(107,89,223)
```
#6652e6
```
#6652e6 rgb(102,82,230)
```
#604aee
```
#604aee rgb(96,74,238)
```
#5b43f5
```
#5b43f5 rgb(91,67,245)
```
#553bfd
```
#553bfd rgb(85,59,253)
```

Tone Color Variation

Below, you can see how #553bfd 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

#595959 Achromatopsia 0.005% of the population
#58537a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#1e56db Protanomaly 1% of men, 0.01% of women
#1e5aca Deuteranomaly 6% of men, 0.4% of women
#1e5faa Tritanomaly 0.01% of the population

#553bfd hex color

#553bfd Color Information

#553bfd Color Conversion

Color Schemes with #553bfd

Alternatives to #553bfd

#553bfd Preview

Shades and Tints of #553bfd

Tones of #553bfd

Color Blindness Simulator