#554cf5 Color Information
In a RGB color space, hex #554cf5 is composed of 33.3% red, 29.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 69% magenta, 0% yellow and 3.9% black. It has a hue angle of 243.2 degrees, a saturation of 89.4% and a lightness of 62.9%. #554cf5 color hex could be obtained by blending #aa98ff with #0000eb. Closest websafe color is: #6633ff.
-
- R 33
- G 30
- B 96
-
- C 65
- M 69
- Y 0
- K 4
● #554cf5 color description : Soft blue.
#554cf5 Color Conversion
The hexadecimal color #554cf5 has RGB values of R:85, G:76, B:245 and CMYK values of C:0.65, M:0.69, Y:0, K:0.04. Its decimal value is 5590261.
Hex triplet | 554cf5 | #554cf5 |
---|---|---|
RGB Decimal | 85, 76, 245 | rgb(85,76,245) |
RGB Percent | 33.3, 29.8, 96.1 | rgb(33.3%,29.8%,96.1%) |
CMYK | 65, 69, 0, 4 | |
HSL | 243.2°, 89.4, 62.9 | hsl(243.2,89.4%,62.9%) |
HSV (or HSB) | 243.2°, 69, 96.1 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 43.787, 53.008, -83.089 |
---|---|
XYZ | 22.809, 13.692, 87.822 |
xyY | 0.183, 0.11, 13.692 |
CIE-LCH | 43.787, 98.558, 302.537 |
CIE-LUV | 43.787, -6.984, -123.923 |
Hunter-Lab | 37.002, 45.277, -114.819 |
Binary | 01010101, 01001100, 11110101 |
Color Schemes with #554cf5
Alternatives to #554cf5
Below, you can see some colors close to #554cf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554cf5 Preview
This text has a font color of #554cf5.
<span style="color:#554cf5;">Text here</span>
This paragraph has a background color of #554cf5.
<p style="background-color:#554cf5;">Content here</p>
This element has a border color of #554cf5.
<div style="border:1px solid #554cf5;">Content here</div>
.text {color:#554cf5;}
.background {background-color:#554cf5;}
.border {border:1px solid #554cf5;}
Shades and Tints of #554cf5
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, #010007 is the darkest color, while #f4f3fe is the lightest one.
-
#010007
#010007
rgb(1,0,7)
-
#030119
#030119
rgb(3,1,25)
-
#05022c
#05022c
rgb(5,2,44)
-
#07033f
#07033f
rgb(7,3,63)
-
#090551
#090551
rgb(9,5,81)
-
#0b0664
#0b0664
rgb(11,6,100)
-
#0d0776
#0d0776
rgb(13,7,118)
-
#0f0889
#0f0889
rgb(15,8,137)
-
#10099b
#10099b
rgb(16,9,155)
-
#120aae
#120aae
rgb(18,10,174)
-
#140bc1
#140bc1
rgb(20,11,193)
-
#160cd3
#160cd3
rgb(22,12,211)
-
#180de6
#180de6
rgb(24,13,230)
-
#2014f2
#2014f2
rgb(32,20,242)
-
#3227f3
#3227f3
rgb(50,39,243)
-
#4339f4
#4339f4
rgb(67,57,244)
-
#554cf5
#554cf5
rgb(85,76,245)
-
#675ff6
#675ff6
rgb(103,95,246)
-
#7871f7
#7871f7
rgb(120,113,247)
-
#8a84f8
#8a84f8
rgb(138,132,248)
-
#9c96f9
#9c96f9
rgb(156,150,249)
-
#ada9fa
#ada9fa
rgb(173,169,250)
-
#bfbbfb
#bfbbfb
rgb(191,187,251)
-
#d1cefc
#d1cefc
rgb(209,206,252)
-
#e2e1fd
#e2e1fd
rgb(226,225,253)
-
#f4f3fe
#f4f3fe
rgb(244,243,254)
Tones of #554cf5
A tone is produced by adding gray to any pure hue. In this case, #9c9ca5 is the less saturated color, while #4f45fc is the most saturated one.
-
#9c9ca5
#9c9ca5
rgb(156,156,165)
-
#9695ac
#9695ac
rgb(150,149,172)
-
#8f8db4
#8f8db4
rgb(143,141,180)
-
#8986bb
#8986bb
rgb(137,134,187)
-
#827fc2
#827fc2
rgb(130,127,194)
-
#7c78c9
#7c78c9
rgb(124,120,201)
-
#7570d1
#7570d1
rgb(117,112,209)
-
#6f69d8
#6f69d8
rgb(111,105,216)
-
#6862df
#6862df
rgb(104,98,223)
-
#625be6
#625be6
rgb(98,91,230)
-
#5b53ee
#5b53ee
rgb(91,83,238)
-
#554cf5
#554cf5
rgb(85,76,245)
-
#4f45fc
#4f45fc
rgb(79,69,252)
Color Blindness Simulator
Below, you can see how #554cf5 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.