#314838 color information
In a RGB color space, hex #314838 is composed of 19.2% red, 28.2% green and 22% blue. Whereas in a CMYK color space, it is composed of 31.9% cyan, 0% magenta, 22.2% yellow and 71.8% black. It has a hue angle of 138.3 degrees, a saturation of 19% and a lightness of 23.7%. #314838 color hex could be obtained by blending #629070 with #000000. Closest websafe color is: #333333.
#314838 color conversion
The hexadecimal color #314838 has RGB values of R:49, G:72, B:56 and CMYK values of C:0.32, M:0, Y:0.22, K:0.72. Its decimal value is 3229752.
- Hex triplet 314838
#314838 - RGB Decimal 49, 72, 56
rgb(49,72,56) - RGB Percent 19.2, 28.2, 22
rgb(19.2%,28.2%,22%) - CMYK 32, 0, 22, 72
- HSL 138.3°, 19, 23.7
hsl(138,19%,24%) - HSV (or HSB) 138.3°, 31.9, 28.2
- Web Safe 333333
#333333
- CIE-LAB 28.309, -12.858, 6.786
- XYZ 4.298, 5.573, 4.59
- xyY 0.297, 0.385, 5.573
- CIE-LCH 28.309, 14.539, 152.176
- CIE-LUV 28.309, -10.581, 9.21
- Hunter-Lab 23.607, -8.818, 4.996
- Binary 00110001, 01001000, 00111000
Color Schemes with #314838
#314838 in action
This text has a font color of #314838.
<span style="color:#314838;">Text here</span>
This paragraph has a background color of #314838.
<p style="background-color:#314838;">Content here</p>
This element has a border color of #314838.
<div style="border:1px solid #314838;">Content here</div>
.text {color:#314838;}
.background {background-color:#314838;}
.border {border:1px solid #314838;}
Shades of #314838
- #010202 #010202
rgb(1,2,2) - #111914 #111914
rgb(17,25,20) - #213126 #213126
rgb(33,49,38) - #314838 #314838
rgb(49,72,56) - #415f4a #415f4a
rgb(65,95,74) - #51775c #51775c
rgb(81,119,92) - #618e6e #618e6e
rgb(97,142,110) - #75a182 #75a182
rgb(117,161,130) - #8cb197 #8cb197
rgb(140,177,151) - #a4c1ac #a4c1ac
rgb(164,193,172) - #bbd1c2 #bbd1c2
rgb(187,209,194) - #d2e1d7 #d2e1d7
rgb(210,225,215) - #eaf0ec #eaf0ec
rgb(234,240,236)
Color Blindness Simulator
Below, you can see how #314838 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.
