#282449 color information
In a RGB color space, hex #282449 is composed of 15.7% red, 14.1% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 50.7% magenta, 0% yellow and 71.4% black. It has a hue angle of 246.5 degrees, a saturation of 33.9% and a lightness of 21.4%. #282449 color hex could be obtained by blending #504892 with #000000. Closest websafe color is: #333333.
#282449 color conversion
The hexadecimal color #282449 has RGB values of R:40, G:36, B:73 and CMYK values of C:0.45, M:0.51, Y:0, K:0.71. Its decimal value is 2630729.
- Hex triplet 282449
#282449 - RGB Decimal 40, 36, 73
rgb(40,36,73) - RGB Percent 15.7, 14.1, 28.6
rgb(15.7%,14.1%,28.6%) - CMYK 45, 51, 0, 71
- HSL 246.5°, 33.9, 21.4
hsl(246,34%,21%) - HSV (or HSB) 246.5°, 50.7, 28.6
- Web Safe 333333
#333333
- CIE-LAB 16.473, 12.747, -22.511
- XYZ 2.708, 2.194, 6.584
- xyY 0.236, 0.191, 2.194
- CIE-LCH 16.473, 25.869, 299.52
- CIE-LUV 16.473, -0.466, -23.926
- Hunter-Lab 14.812, 6.718, -15.986
- Binary 00101000, 00100100, 01001001
Color Schemes with #282449
#282449 in action
This text has a font color of #282449.
<span style="color:#282449;">Text here</span>
This paragraph has a background color of #282449.
<p style="background-color:#282449;">Content here</p>
This element has a border color of #282449.
<div style="border:1px solid #282449;">Content here</div>
.text {color:#282449;}
.background {background-color:#282449;}
.border {border:1px solid #282449;}
Shades of #282449
- #0b0a14 #0b0a14
rgb(11,10,20) - #1a172f #1a172f
rgb(26,23,47) - #282449 #282449
rgb(40,36,73) - #363163 #363163
rgb(54,49,99) - #453e7e #453e7e
rgb(69,62,126) - #534b98 #534b98
rgb(83,75,152) - #645cae #645cae
rgb(100,92,174) - #7d76bb #7d76bb
rgb(125,118,187) - #9690c8 #9690c8
rgb(150,144,200) - #afaad5 #afaad5
rgb(175,170,213) - #c8c5e2 #c8c5e2
rgb(200,197,226) - #e1dfef #e1dfef
rgb(225,223,239) - #f9f9fc #f9f9fc
rgb(249,249,252)
Color Blindness Simulator
Below, you can see how #282449 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.
