#668da0 color information
In a RGB color space, hex #668da0 is composed of 40% red, 55.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 36.3% cyan, 11.9% magenta, 0% yellow and 37.3% black. It has a hue angle of 199.7 degrees, a saturation of 23.4% and a lightness of 51.4%. #668da0 color hex could be obtained by blending #ccffff with #001b41. Closest websafe color is: #669999.
#668da0 color conversion
The hexadecimal color #668da0 has RGB values of R:102, G:141, B:160 and CMYK values of C:0.36, M:0.12, Y:0, K:0.37. Its decimal value is 6720928.
- Hex triplet 668da0
#668da0 - RGB Decimal 102, 141, 160
rgb(102,141,160) - RGB Percent 40, 55.3, 62.7
rgb(40%,55.3%,62.7%) - CMYK 36, 12, 0, 37
- HSL 199.7°, 23.4, 51.4
hsl(200,23%,51%) - HSV (or HSB) 199.7°, 36.3, 62.7
- Web Safe 669999
#669999
- CIE-LAB 56.498, -8.558, -14.371
- XYZ 21.348, 24.412, 36.843
- xyY 0.258, 0.296, 24.412
- CIE-LCH 56.498, 16.726, 239.227
- CIE-LUV 56.498, -19.381, -19.983
- Hunter-Lab 49.408, -9.339, -9.626
- Binary 01100110, 10001101, 10100000
Color Schemes with #668da0
#668da0 in action
This text has a font color of #668da0.
<span style="color:#668da0;">Text here</span>
This paragraph has a background color of #668da0.
<p style="background-color:#668da0;">Content here</p>
This element has a border color of #668da0.
<div style="border:1px solid #668da0;">Content here</div>
.text {color:#668da0;}
.background {background-color:#668da0;}
.border {border:1px solid #668da0;}
Shades of #668da0
- #0a0e10 #0a0e10
rgb(10,14,16) - #192429 #192429
rgb(25,36,41) - #283941 #283941
rgb(40,57,65) - #374e59 #374e59
rgb(55,78,89) - #466371 #466371
rgb(70,99,113) - #557889 #557889
rgb(85,120,137) - #668da0 #668da0
rgb(102,141,160) - #7e9faf #7e9faf
rgb(126,159,175) - #96b1be #96b1be
rgb(150,177,190) - #afc3cd #afc3cd
rgb(175,195,205) - #c7d5dc #c7d5dc
rgb(199,213,220) - #dfe7eb #dfe7eb
rgb(223,231,235) - #f7f9fa #f7f9fa
rgb(247,249,250)
Color Blindness Simulator
Below, you can see how #668da0 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.
