#485669 color information
In a RGB color space, hex #485669 is composed of 28.2% red, 33.7% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 18.1% magenta, 0% yellow and 58.8% black. It has a hue angle of 214.5 degrees, a saturation of 18.6% and a lightness of 34.7%. #485669 color hex could be obtained by blending #90acd2 with #000000. Closest websafe color is: #336666.
#485669 color conversion
The hexadecimal color #485669 has RGB values of R:72, G:86, B:105 and CMYK values of C:0.31, M:0.18, Y:0, K:0.59. Its decimal value is 4740713.
- Hex triplet 485669
#485669 - RGB Decimal 72, 86, 105
rgb(72,86,105) - RGB Percent 28.2, 33.7, 41.2
rgb(28.2%,33.7%,41.2%) - CMYK 31, 18, 0, 59
- HSL 214.5°, 18.6, 34.7
hsl(215,19%,35%) - HSV (or HSB) 214.5°, 31.4, 41.2
- Web Safe 336666
#336666
- CIE-LAB 36.086, -0.48, -12.705
- XYZ 8.55, 9.053, 14.661
- xyY 0.265, 0.281, 9.053
- CIE-LCH 36.086, 12.714, 267.837
- CIE-LUV 36.086, -7.623, -16.748
- Hunter-Lab 30.088, -1.934, -7.828
- Binary 01001000, 01010110, 01101001
Color Schemes with #485669
#485669 in action
This text has a font color of #485669.
<span style="color:#485669;">Text here</span>
This paragraph has a background color of #485669.
<p style="background-color:#485669;">Content here</p>
This element has a border color of #485669.
<div style="border:1px solid #485669;">Content here</div>
.text {color:#485669;}
.background {background-color:#485669;}
.border {border:1px solid #485669;}
Shades of #485669
- #080a0c #080a0c
rgb(8,10,12) - #181d23 #181d23
rgb(24,29,35) - #28303a #28303a
rgb(40,48,58) - #384352 #384352
rgb(56,67,82) - #485669 #485669
rgb(72,86,105) - #586980 #586980
rgb(88,105,128) - #687c97 #687c97
rgb(104,124,151) - #7f90a7 #7f90a7
rgb(127,144,167) - #97a4b7 #97a4b7
rgb(151,164,183) - #aeb9c7 #aeb9c7
rgb(174,185,199) - #c5cdd7 #c5cdd7
rgb(197,205,215) - #dce1e7 #dce1e7
rgb(220,225,231) - #f4f5f7 #f4f5f7
rgb(244,245,247)
Color Blindness Simulator
Below, you can see how #485669 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.
