#1a549e color information
In a RGB color space, hex #1a549e is composed of 10.2% red, 32.9% green and 62% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 46.8% magenta, 0% yellow and 38% black. It has a hue angle of 213.6 degrees, a saturation of 71.7% and a lightness of 36.1%. #1a549e color hex could be obtained by blending #34a8ff with #00003d. Closest websafe color is: #336699.
#1a549e color conversion
The hexadecimal color #1a549e has RGB values of R:26, G:84, B:158 and CMYK values of C:0.84, M:0.47, Y:0, K:0.38. Its decimal value is 1725598.
- Hex triplet 1a549e
#1a549e - RGB Decimal 26, 84, 158
rgb(26,84,158) - RGB Percent 10.2, 32.9, 62
rgb(10.2%,32.9%,62%) - CMYK 84, 47, 0, 38
- HSL 213.6°, 71.7, 36.1
hsl(214,72%,36%) - HSV (or HSB) 213.6°, 83.5, 62
- Web Safe 336699
#336699
- CIE-LAB 36.038, 9.888, -45.396
- XYZ 9.766, 9.028, 33.574
- xyY 0.186, 0.172, 9.028
- CIE-LCH 36.038, 46.46, 282.288
- CIE-LUV 36.038, -18.26, -64.614
- Hunter-Lab 30.047, 5.438, -45.217
- Binary 00011010, 01010100, 10011110
Color Schemes with #1a549e
#1a549e in action
This text has a font color of #1a549e.
<span style="color:#1a549e;">Text here</span>
This paragraph has a background color of #1a549e.
<p style="background-color:#1a549e;">Content here</p>
This element has a border color of #1a549e.
<div style="border:1px solid #1a549e;">Content here</div>
.text {color:#1a549e;}
.background {background-color:#1a549e;}
.border {border:1px solid #1a549e;}
Shades of #1a549e
- #040c17 #040c17
rgb(4,12,23) - #091e39 #091e39
rgb(9,30,57) - #0f305b #0f305b
rgb(15,48,91) - #14427c #14427c
rgb(20,66,124) - #1a549e #1a549e
rgb(26,84,158) - #2066c0 #2066c0
rgb(32,102,192) - #2a78dc #2a78dc
rgb(42,120,220) - #4c8ee2 #4c8ee2
rgb(76,142,226) - #6ea3e7 #6ea3e7
rgb(110,163,231) - #90b8ed #90b8ed
rgb(144,184,237) - #b1cef2 #b1cef2
rgb(177,206,242) - #d3e3f8 #d3e3f8
rgb(211,227,248) - #f5f8fd #f5f8fd
rgb(245,248,253)
Color Blindness Simulator
Below, you can see how #1a549e 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.
