#335666 Color Information
In a RGB color space, hex #335666 is composed of 20% red, 33.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 15.7% magenta, 0% yellow and 60% black. It has a hue angle of 198.8 degrees, a saturation of 33.3% and a lightness of 30%. #335666 color hex could be obtained by blending #66accc with #000000. Closest websafe color is: #336666.
-
- R 20
- G 34
- B 40
-
- C 50
- M 16
- Y 0
- K 60
● #335666 color description : Very dark desaturated blue.
#335666 Color Conversion
The hexadecimal color #335666 has RGB values of R:51, G:86, B:102 and CMYK values of C:0.5, M:0.16, Y:0, K:0.6. Its decimal value is 3364454.
Hex triplet | 335666 | #335666 |
---|---|---|
RGB Decimal | 51, 86, 102 | rgb(51,86,102) |
RGB Percent | 20, 33.7, 40 | rgb(20%,33.7%,40%) |
CMYK | 50, 16, 0, 60 | |
HSL | 198.8°, 33.3, 30 | hsl(198.8,33.3%,30%) |
HSV (or HSB) | 198.8°, 50, 40 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.637, -7.779, -13.161 |
---|---|
XYZ | 7.091, 8.318, 13.802 |
xyY | 0.243, 0.285, 8.318 |
CIE-LCH | 34.637, 15.288, 239.413 |
CIE-LUV | 34.637, -15.376, -16.33 |
Hunter-Lab | 28.841, -6.588, -8.183 |
Binary | 00110011, 01010110, 01100110 |
Color Schemes with #335666
Alternatives to #335666
Below, you can see some colors close to #335666. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#335666 Preview
This text has a font color of #335666.
<span style="color:#335666;">Text here</span>
This paragraph has a background color of #335666.
<p style="background-color:#335666;">Content here</p>
This element has a border color of #335666.
<div style="border:1px solid #335666;">Content here</div>
.text {color:#335666;}
.background {background-color:#335666;}
.border {border:1px solid #335666;}
Shades and Tints of #335666
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #05090a is the darkest color, while #fcfdfe is the lightest one.
-
#05090a
#05090a
rgb(5,9,10)
-
#0c1418
#0c1418
rgb(12,20,24)
-
#121f25
#121f25
rgb(18,31,37)
-
#192a32
#192a32
rgb(25,42,50)
-
#1f353f
#1f353f
rgb(31,53,63)
-
#26404c
#26404c
rgb(38,64,76)
-
#2c4b59
#2c4b59
rgb(44,75,89)
-
#335666
#335666
rgb(51,86,102)
-
#3a6173
#3a6173
rgb(58,97,115)
-
#406c80
#406c80
rgb(64,108,128)
-
#47778d
#47778d
rgb(71,119,141)
-
#4d829a
#4d829a
rgb(77,130,154)
-
#548da7
#548da7
rgb(84,141,167)
-
#5f96af
#5f96af
rgb(95,150,175)
-
#6d9fb6
#6d9fb6
rgb(109,159,182)
-
#7aa7bc
#7aa7bc
rgb(122,167,188)
-
#87b0c3
#87b0c3
rgb(135,176,195)
-
#94b9c9
#94b9c9
rgb(148,185,201)
-
#a1c1d0
#a1c1d0
rgb(161,193,208)
-
#aecad6
#aecad6
rgb(174,202,214)
-
#bbd2dd
#bbd2dd
rgb(187,210,221)
-
#c8dbe4
#c8dbe4
rgb(200,219,228)
-
#d5e4ea
#d5e4ea
rgb(213,228,234)
-
#e2ecf1
#e2ecf1
rgb(226,236,241)
-
#eff5f7
#eff5f7
rgb(239,245,247)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #335666
A tone is produced by adding gray to any pure hue. In this case, #4b4d4e is the less saturated color, while #046895 is the most saturated one.
-
#4b4d4e
#4b4d4e
rgb(75,77,78)
-
#454f54
#454f54
rgb(69,79,84)
-
#3f525a
#3f525a
rgb(63,82,90)
-
#395460
#395460
rgb(57,84,96)
-
#335666
#335666
rgb(51,86,102)
-
#2d586c
#2d586c
rgb(45,88,108)
-
#275a72
#275a72
rgb(39,90,114)
-
#215d78
#215d78
rgb(33,93,120)
-
#1b5f7e
#1b5f7e
rgb(27,95,126)
-
#166183
#166183
rgb(22,97,131)
-
#106389
#106389
rgb(16,99,137)
-
#0a658f
#0a658f
rgb(10,101,143)
-
#046895
#046895
rgb(4,104,149)
Color Blindness Simulator
Below, you can see how #335666 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.