#554ff1 Color Information
In a RGB color space, hex #554ff1 is composed of 33.3% red, 31% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 67.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 242.2 degrees, a saturation of 85.3% and a lightness of 62.7%. #554ff1 color hex could be obtained by blending #aa9eff with #0000e3. Closest websafe color is: #6666ff.
-
- R 33
- G 31
- B 95
-
- C 65
- M 67
- Y 0
- K 5
● #554ff1 color description : Soft blue.
#554ff1 Color Conversion
The hexadecimal color #554ff1 has RGB values of R:85, G:79, B:241 and CMYK values of C:0.65, M:0.67, Y:0, K:0.05. Its decimal value is 5591025.
Hex triplet | 554ff1 | #554ff1 |
---|---|---|
RGB Decimal | 85, 79, 241 | rgb(85,79,241) |
RGB Percent | 33.3, 31, 94.5 | rgb(33.3%,31%,94.5%) |
CMYK | 65, 67, 0, 5 | |
HSL | 242.2°, 85.3, 62.7 | hsl(242.2,85.3%,62.7%) |
HSV (or HSB) | 242.2°, 67.2, 94.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 44.05, 50.082, -80.411 |
---|---|
XYZ | 22.416, 13.873, 84.711 |
xyY | 0.185, 0.115, 13.873 |
CIE-LCH | 44.05, 94.732, 301.916 |
CIE-LUV | 44.05, -7.345, -120.664 |
Hunter-Lab | 37.247, 42.247, -108.772 |
Binary | 01010101, 01001111, 11110001 |
Color Schemes with #554ff1
Alternatives to #554ff1
Below, you can see some colors close to #554ff1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554ff1 Preview
This text has a font color of #554ff1.
<span style="color:#554ff1;">Text here</span>
This paragraph has a background color of #554ff1.
<p style="background-color:#554ff1;">Content here</p>
This element has a border color of #554ff1.
<div style="border:1px solid #554ff1;">Content here</div>
.text {color:#554ff1;}
.background {background-color:#554ff1;}
.border {border:1px solid #554ff1;}
Shades and Tints of #554ff1
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, #010006 is the darkest color, while #f3f3fe is the lightest one.
-
#010006
#010006
rgb(1,0,6)
-
#030218
#030218
rgb(3,2,24)
-
#05032a
#05032a
rgb(5,3,42)
-
#07053c
#07053c
rgb(7,5,60)
-
#09064e
#09064e
rgb(9,6,78)
-
#0b0861
#0b0861
rgb(11,8,97)
-
#0d0973
#0d0973
rgb(13,9,115)
-
#0f0b85
#0f0b85
rgb(15,11,133)
-
#110c97
#110c97
rgb(17,12,151)
-
#130da9
#130da9
rgb(19,13,169)
-
#150fbb
#150fbb
rgb(21,15,187)
-
#1710ce
#1710ce
rgb(23,16,206)
-
#1912e0
#1912e0
rgb(25,18,224)
-
#2018ed
#2018ed
rgb(32,24,237)
-
#322bee
#322bee
rgb(50,43,238)
-
#433df0
#433df0
rgb(67,61,240)
-
#554ff1
#554ff1
rgb(85,79,241)
-
#6761f2
#6761f2
rgb(103,97,242)
-
#7873f4
#7873f4
rgb(120,115,244)
-
#8a86f5
#8a86f5
rgb(138,134,245)
-
#9b98f7
#9b98f7
rgb(155,152,247)
-
#adaaf8
#adaaf8
rgb(173,170,248)
-
#bebcfa
#bebcfa
rgb(190,188,250)
-
#d0cefb
#d0cefb
rgb(208,206,251)
-
#e1e0fd
#e1e0fd
rgb(225,224,253)
-
#f3f3fe
#f3f3fe
rgb(243,243,254)
Tones of #554ff1
A tone is produced by adding gray to any pure hue. In this case, #9f9fa1 is the less saturated color, while #4e48f8 is the most saturated one.
-
#9f9fa1
#9f9fa1
rgb(159,159,161)
-
#9998a8
#9998a8
rgb(153,152,168)
-
#9291af
#9291af
rgb(146,145,175)
-
#8b89b7
#8b89b7
rgb(139,137,183)
-
#8482be
#8482be
rgb(132,130,190)
-
#7e7bc5
#7e7bc5
rgb(126,123,197)
-
#7774cc
#7774cc
rgb(119,116,204)
-
#706cd4
#706cd4
rgb(112,108,212)
-
#6965db
#6965db
rgb(105,101,219)
-
#635ee2
#635ee2
rgb(99,94,226)
-
#5c56ea
#5c56ea
rgb(92,86,234)
-
#554ff1
#554ff1
rgb(85,79,241)
-
#4e48f8
#4e48f8
rgb(78,72,248)
Color Blindness Simulator
Below, you can see how #554ff1 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.