#284150 color information
In a RGB color space, hex #284150 is composed of 15.7% red, 25.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 18.8% magenta, 0% yellow and 68.6% black. It has a hue angle of 202.5 degrees, a saturation of 33.3% and a lightness of 23.5%. #284150 color hex could be obtained by blending #5082a0 with #000000. Closest websafe color is: #333366.
#284150 color conversion
The hexadecimal color #284150 has RGB values of R:40, G:65, B:80 and CMYK values of C:0.5, M:0.19, Y:0, K:0.69. Its decimal value is 2638160.
- Hex triplet 284150
#284150 - RGB Decimal 40, 65, 80
rgb(40,65,80) - RGB Percent 15.7, 25.5, 31.4
rgb(15.7%,25.5%,31.4%) - CMYK 50, 19, 0, 69
- HSL 202.5°, 33.3, 23.5
hsl(203,33%,24%) - HSV (or HSB) 202.5°, 50, 31.4
- Web Safe 333366
#333366
- CIE-LAB 26.188, -4.895, -12.047
- XYZ 4.213, 4.811, 8.296
- xyY 0.243, 0.278, 4.811
- CIE-LCH 26.188, 13.004, 247.886
- CIE-LUV 26.188, -10.696, -13.877
- Hunter-Lab 21.933, -4.097, -7.071
- Binary 00101000, 01000001, 01010000
Color Schemes with #284150
#284150 in action
This text has a font color of #284150.
<span style="color:#284150;">Text here</span>
This paragraph has a background color of #284150.
<p style="background-color:#284150;">Content here</p>
This element has a border color of #284150.
<div style="border:1px solid #284150;">Content here</div>
.text {color:#284150;}
.background {background-color:#284150;}
.border {border:1px solid #284150;}
Shades of #284150
- #010102 #010102
rgb(1,1,2) - #0e171c #0e171c
rgb(14,23,28) - #1b2c36 #1b2c36
rgb(27,44,54) - #284150 #284150
rgb(40,65,80) - #35566a #35566a
rgb(53,86,106) - #426c84 #426c84
rgb(66,108,132) - #4f819e #4f819e
rgb(79,129,158) - #6494b1 #6494b1
rgb(100,148,177) - #7ea6be #7ea6be
rgb(126,166,190) - #98b8cb #98b8cb
rgb(152,184,203) - #b2cad9 #b2cad9
rgb(178,202,217) - #ccdce6 #ccdce6
rgb(204,220,230) - #e6eef3 #e6eef3
rgb(230,238,243)
Color Blindness Simulator
Below, you can see how #284150 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.
