#2554bb Color Information
In a RGB color space, hex #2554bb is composed of 14.5% red, 32.9% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 55.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 221.2 degrees, a saturation of 67% and a lightness of 43.9%. #2554bb color hex could be obtained by blending #4aa8ff with #000077. Closest websafe color is: #3366cc.
-
- R 15
- G 33
- B 73
-
- C 80
- M 55
- Y 0
- K 27
● #2554bb color description : Strong blue.
#2554bb Color Conversion
The hexadecimal color #2554bb has RGB values of R:37, G:84, B:187 and CMYK values of C:0.8, M:0.55, Y:0, K:0.27. Its decimal value is 2446523.
Hex triplet | 2554bb | #2554bb |
---|---|---|
RGB Decimal | 37, 84, 187 | rgb(37,84,187) |
RGB Percent | 14.5, 32.9, 73.3 | rgb(14.5%,32.9%,73.3%) |
CMYK | 80, 55, 0, 27 | |
HSL | 221.2°, 67, 43.9 | hsl(221.2,67%,43.9%) |
HSV (or HSB) | 221.2°, 80.2, 73.3 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 38.412, 22.424, -58.742 |
---|---|
XYZ | 12.901, 10.321, 48.323 |
xyY | 0.18, 0.144, 10.321 |
CIE-LCH | 38.412, 62.876, 290.894 |
CIE-LUV | 38.412, -16.381, -85.525 |
Hunter-Lab | 32.126, 15.46, -66.694 |
Binary | 00100101, 01010100, 10111011 |
Color Schemes with #2554bb
Alternatives to #2554bb
Below, you can see some colors close to #2554bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2554bb Preview
This text has a font color of #2554bb.
<span style="color:#2554bb;">Text here</span>
This paragraph has a background color of #2554bb.
<p style="background-color:#2554bb;">Content here</p>
This element has a border color of #2554bb.
<div style="border:1px solid #2554bb;">Content here</div>
.text {color:#2554bb;}
.background {background-color:#2554bb;}
.border {border:1px solid #2554bb;}
Shades and Tints of #2554bb
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, #010307 is the darkest color, while #f5f8fd is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#050a17
#050a17
rgb(5,10,23)
-
#081228
#081228
rgb(8,18,40)
-
#0b1938
#0b1938
rgb(11,25,56)
-
#0e2148
#0e2148
rgb(14,33,72)
-
#122859
#122859
rgb(18,40,89)
-
#152f69
#152f69
rgb(21,47,105)
-
#183779
#183779
rgb(24,55,121)
-
#1b3e8a
#1b3e8a
rgb(27,62,138)
-
#1f459a
#1f459a
rgb(31,69,154)
-
#224dab
#224dab
rgb(34,77,171)
-
#2554bb
#2554bb
rgb(37,84,187)
-
#285bcb
#285bcb
rgb(40,91,203)
-
#3165d6
#3165d6
rgb(49,101,214)
-
#4171d9
#4171d9
rgb(65,113,217)
-
#527ddd
#527ddd
rgb(82,125,221)
-
#628ae0
#628ae0
rgb(98,138,224)
-
#7296e3
#7296e3
rgb(114,150,227)
-
#83a2e6
#83a2e6
rgb(131,162,230)
-
#93aeea
#93aeea
rgb(147,174,234)
-
#a4bbed
#a4bbed
rgb(164,187,237)
-
#b4c7f0
#b4c7f0
rgb(180,199,240)
-
#c4d3f3
#c4d3f3
rgb(196,211,243)
-
#d5dff7
#d5dff7
rgb(213,223,247)
-
#e5ecfa
#e5ecfa
rgb(229,236,250)
-
#f5f8fd
#f5f8fd
rgb(245,248,253)
Tones of #2554bb
A tone is produced by adding gray to any pure hue. In this case, #6a6e76 is the less saturated color, while #0347dd is the most saturated one.
-
#6a6e76
#6a6e76
rgb(106,110,118)
-
#616b7f
#616b7f
rgb(97,107,127)
-
#596787
#596787
rgb(89,103,135)
-
#506490
#506490
rgb(80,100,144)
-
#476199
#476199
rgb(71,97,153)
-
#3f5ea1
#3f5ea1
rgb(63,94,161)
-
#365aaa
#365aaa
rgb(54,90,170)
-
#2e57b2
#2e57b2
rgb(46,87,178)
-
#2554bb
#2554bb
rgb(37,84,187)
-
#1c51c4
#1c51c4
rgb(28,81,196)
-
#144ecc
#144ecc
rgb(20,78,204)
-
#0b4ad5
#0b4ad5
rgb(11,74,213)
-
#0347dd
#0347dd
rgb(3,71,221)
Color Blindness Simulator
Below, you can see how #2554bb 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.