#2d436d color information
In a RGB color space, hex #2d436d is composed of 17.6% red, 26.3% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 38.5% magenta, 0% yellow and 57.3% black. It has a hue angle of 219.4 degrees, a saturation of 41.6% and a lightness of 30.2%. #2d436d color hex could be obtained by blending #5a86da with #000000. Closest websafe color is: #333366.
#2d436d color conversion
The hexadecimal color #2d436d has RGB values of R:45, G:67, B:109 and CMYK values of C:0.59, M:0.39, Y:0, K:0.57. Its decimal value is 2966381.
- Hex triplet 2d436d
#2d436d - RGB Decimal 45, 67, 109
rgb(45,67,109) - RGB Percent 17.6, 26.3, 42.7
rgb(17.6%,26.3%,42.7%) - CMYK 59, 39, 0, 57
- HSL 219.4°, 41.6, 30.2
hsl(219,42%,30%) - HSV (or HSB) 219.4°, 58.7, 42.7
- Web Safe 333366
#333366
- CIE-LAB 28.58, 5.248, -27.013
- XYZ 5.849, 5.676, 15.255
- xyY 0.218, 0.212, 5.676
- CIE-LCH 28.58, 27.518, 280.994
- CIE-LUV 28.58, -9.941, -35.216
- Hunter-Lab 23.824, 2.13, -21.286
- Binary 00101101, 01000011, 01101101
Color Schemes with #2d436d
#2d436d in action
This text has a font color of #2d436d.
<span style="color:#2d436d;">Text here</span>
This paragraph has a background color of #2d436d.
<p style="background-color:#2d436d;">Content here</p>
This element has a border color of #2d436d.
<div style="border:1px solid #2d436d;">Content here</div>
.text {color:#2d436d;}
.background {background-color:#2d436d;}
.border {border:1px solid #2d436d;}
Shades of #2d436d
- #0b101a #0b101a
rgb(11,16,26) - #162135 #162135
rgb(22,33,53) - #223251 #223251
rgb(34,50,81) - #2d436d #2d436d
rgb(45,67,109) - #385489 #385489
rgb(56,84,137) - #4465a5 #4465a5
rgb(68,101,165) - #5678b9 #5678b9
rgb(86,120,185) - #728fc5 #728fc5
rgb(114,143,197) - #8ea5d0 #8ea5d0
rgb(142,165,208) - #aabbdc #aabbdc
rgb(170,187,220) - #c5d1e7 #c5d1e7
rgb(197,209,231) - #e1e7f3 #e1e7f3
rgb(225,231,243) - #fdfdfe #fdfdfe
rgb(253,253,254)
Color Blindness Simulator
Below, you can see how #2d436d 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.
