#2a55b2 Color Information
In a RGB color space, hex #2a55b2 is composed of 16.5% red, 33.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 52.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 221 degrees, a saturation of 61.8% and a lightness of 43.1%. #2a55b2 color hex could be obtained by blending #54aaff with #000065. Closest websafe color is: #336699.
-
- R 16
- G 33
- B 70
-
- C 76
- M 52
- Y 0
- K 30
● #2a55b2 color description : Dark blue.
#2a55b2 Color Conversion
The hexadecimal color #2a55b2 has RGB values of R:42, G:85, B:178 and CMYK values of C:0.76, M:0.52, Y:0, K:0.3. Its decimal value is 2774450.
Hex triplet | 2a55b2 | #2a55b2 |
---|---|---|
RGB Decimal | 42, 85, 178 | rgb(42,85,178) |
RGB Percent | 16.5, 33.3, 69.8 | rgb(16.5%,33.3%,69.8%) |
CMYK | 76, 52, 0, 30 | |
HSL | 221°, 61.8, 43.1 | hsl(221,61.8%,43.1%) |
HSV (or HSB) | 221°, 76.4, 69.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.204, 18.84, -53.78 |
---|---|
XYZ | 12.237, 10.203, 43.441 |
xyY | 0.186, 0.155, 10.203 |
CIE-LCH | 38.204, 56.985, 289.306 |
CIE-LUV | 38.204, -16.015, -78.322 |
Hunter-Lab | 31.942, 12.489, -58.277 |
Binary | 00101010, 01010101, 10110010 |
Color Schemes with #2a55b2
Alternatives to #2a55b2
Below, you can see some colors close to #2a55b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2a55b2 Preview
This text has a font color of #2a55b2.
<span style="color:#2a55b2;">Text here</span>
This paragraph has a background color of #2a55b2.
<p style="background-color:#2a55b2;">Content here</p>
This element has a border color of #2a55b2.
<div style="border:1px solid #2a55b2;">Content here</div>
.text {color:#2a55b2;}
.background {background-color:#2a55b2;}
.border {border:1px solid #2a55b2;}
Shades and Tints of #2a55b2
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, #010203 is the darkest color, while #f3f6fc is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#050913
#050913
rgb(5,9,19)
-
#081123
#081123
rgb(8,17,35)
-
#0c1833
#0c1833
rgb(12,24,51)
-
#102043
#102043
rgb(16,32,67)
-
#142853
#142853
rgb(20,40,83)
-
#172f63
#172f63
rgb(23,47,99)
-
#1b3773
#1b3773
rgb(27,55,115)
-
#1f3e82
#1f3e82
rgb(31,62,130)
-
#234692
#234692
rgb(35,70,146)
-
#264da2
#264da2
rgb(38,77,162)
-
#2a55b2
#2a55b2
rgb(42,85,178)
-
#2e5dc2
#2e5dc2
rgb(46,93,194)
-
#3465cf
#3465cf
rgb(52,101,207)
-
#4471d3
#4471d3
rgb(68,113,211)
-
#547dd7
#547dd7
rgb(84,125,215)
-
#6489da
#6489da
rgb(100,137,218)
-
#7495de
#7495de
rgb(116,149,222)
-
#83a1e2
#83a1e2
rgb(131,161,226)
-
#93ade6
#93ade6
rgb(147,173,230)
-
#a3b9e9
#a3b9e9
rgb(163,185,233)
-
#b3c5ed
#b3c5ed
rgb(179,197,237)
-
#c3d1f1
#c3d1f1
rgb(195,209,241)
-
#d3ddf5
#d3ddf5
rgb(211,221,245)
-
#e3eaf8
#e3eaf8
rgb(227,234,248)
-
#f3f6fc
#f3f6fc
rgb(243,246,252)
Tones of #2a55b2
A tone is produced by adding gray to any pure hue. In this case, #6e6e6e is the less saturated color, while #0849d4 is the most saturated one.
-
#6e6e6e
#6e6e6e
rgb(110,110,110)
-
#656b77
#656b77
rgb(101,107,119)
-
#5d687f
#5d687f
rgb(93,104,127)
-
#546588
#546588
rgb(84,101,136)
-
#4c6190
#4c6190
rgb(76,97,144)
-
#435e99
#435e99
rgb(67,94,153)
-
#3b5ba1
#3b5ba1
rgb(59,91,161)
-
#3258aa
#3258aa
rgb(50,88,170)
-
#2a55b2
#2a55b2
rgb(42,85,178)
-
#2252ba
#2252ba
rgb(34,82,186)
-
#194fc3
#194fc3
rgb(25,79,195)
-
#114ccb
#114ccb
rgb(17,76,203)
-
#0849d4
#0849d4
rgb(8,73,212)
Color Blindness Simulator
Below, you can see how #2a55b2 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.