#335b66 Color Information
In a RGB color space, hex #335b66 is composed of 20% red, 35.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 10.8% magenta, 0% yellow and 60% black. It has a hue angle of 192.9 degrees, a saturation of 33.3% and a lightness of 30%. #335b66 color hex could be obtained by blending #66b6cc with #000000. Closest websafe color is: #336666.
-
- R 20
- G 36
- B 40
-
- C 50
- M 11
- Y 0
- K 60
● #335b66 color description : Very dark desaturated cyan.
#335b66 Color Conversion
The hexadecimal color #335b66 has RGB values of R:51, G:91, B:102 and CMYK values of C:0.5, M:0.11, Y:0, K:0.6. Its decimal value is 3365734.
Hex triplet | 335b66 | #335b66 |
---|---|---|
RGB Decimal | 51, 91, 102 | rgb(51,91,102) |
RGB Percent | 20, 35.7, 40 | rgb(20%,35.7%,40%) |
CMYK | 50, 11, 0, 60 | |
HSL | 192.9°, 33.3, 30 | hsl(192.9,33.3%,30%) |
HSV (or HSB) | 192.9°, 50, 40 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 36.262, -10.769, -10.693 |
---|---|
XYZ | 7.504, 9.145, 13.939 |
xyY | 0.245, 0.299, 9.145 |
CIE-LCH | 36.262, 15.176, 224.797 |
CIE-LUV | 36.262, -17.391, -12.736 |
Hunter-Lab | 30.24, -8.627, -6.161 |
Binary | 00110011, 01011011, 01100110 |
Color Schemes with #335b66
Alternatives to #335b66
Below, you can see some colors close to #335b66. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#335b66 Preview
This text has a font color of #335b66.
<span style="color:#335b66;">Text here</span>
This paragraph has a background color of #335b66.
<p style="background-color:#335b66;">Content here</p>
This element has a border color of #335b66.
<div style="border:1px solid #335b66;">Content here</div>
.text {color:#335b66;}
.background {background-color:#335b66;}
.border {border:1px solid #335b66;}
Shades and Tints of #335b66
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)
-
#0c1518
#0c1518
rgb(12,21,24)
-
#122125
#122125
rgb(18,33,37)
-
#192c32
#192c32
rgb(25,44,50)
-
#1f383f
#1f383f
rgb(31,56,63)
-
#26444c
#26444c
rgb(38,68,76)
-
#2c4f59
#2c4f59
rgb(44,79,89)
-
#335b66
#335b66
rgb(51,91,102)
-
#3a6773
#3a6773
rgb(58,103,115)
-
#407280
#407280
rgb(64,114,128)
-
#477e8d
#477e8d
rgb(71,126,141)
-
#4d8a9a
#4d8a9a
rgb(77,138,154)
-
#5495a7
#5495a7
rgb(84,149,167)
-
#5f9eaf
#5f9eaf
rgb(95,158,175)
-
#6da6b6
#6da6b6
rgb(109,166,182)
-
#7aaebc
#7aaebc
rgb(122,174,188)
-
#87b6c3
#87b6c3
rgb(135,182,195)
-
#94bec9
#94bec9
rgb(148,190,201)
-
#a1c6d0
#a1c6d0
rgb(161,198,208)
-
#aeced6
#aeced6
rgb(174,206,214)
-
#bbd6dd
#bbd6dd
rgb(187,214,221)
-
#c8dee4
#c8dee4
rgb(200,222,228)
-
#d5e6ea
#d5e6ea
rgb(213,230,234)
-
#e2eef1
#e2eef1
rgb(226,238,241)
-
#eff5f7
#eff5f7
rgb(239,245,247)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #335b66
A tone is produced by adding gray to any pure hue. In this case, #4b4e4e is the less saturated color, while #047695 is the most saturated one.
-
#4b4e4e
#4b4e4e
rgb(75,78,78)
-
#455154
#455154
rgb(69,81,84)
-
#3f545a
#3f545a
rgb(63,84,90)
-
#395860
#395860
rgb(57,88,96)
-
#335b66
#335b66
rgb(51,91,102)
-
#2d5e6c
#2d5e6c
rgb(45,94,108)
-
#276272
#276272
rgb(39,98,114)
-
#216578
#216578
rgb(33,101,120)
-
#1b687e
#1b687e
rgb(27,104,126)
-
#166c83
#166c83
rgb(22,108,131)
-
#106f89
#106f89
rgb(16,111,137)
-
#0a728f
#0a728f
rgb(10,114,143)
-
#047695
#047695
rgb(4,118,149)
Color Blindness Simulator
Below, you can see how #335b66 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.