#335f76 Color Information
In a RGB color space, hex #335f76 is composed of 20% red, 37.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 19.5% magenta, 0% yellow and 53.7% black. It has a hue angle of 200.6 degrees, a saturation of 39.6% and a lightness of 33.1%. #335f76 color hex could be obtained by blending #66beec with #000000. Closest websafe color is: #336666.
-
- R 20
- G 37
- B 46
-
- C 57
- M 19
- Y 0
- K 54
● #335f76 color description : Dark moderate blue.
#335f76 Color Conversion
The hexadecimal color #335f76 has RGB values of R:51, G:95, B:118 and CMYK values of C:0.57, M:0.19, Y:0, K:0.54. Its decimal value is 3366774.
Hex triplet | 335f76 | #335f76 |
---|---|---|
RGB Decimal | 51, 95, 118 | rgb(51,95,118) |
RGB Percent | 20, 37.3, 46.3 | rgb(20%,37.3%,46.3%) |
CMYK | 57, 19, 0, 54 | |
HSL | 200.6°, 39.6, 33.1 | hsl(200.6,39.6%,33.1%) |
HSV (or HSB) | 200.6°, 56.8, 46.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 38.191, -8.018, -17.632 |
---|---|
XYZ | 8.727, 10.196, 18.647 |
xyY | 0.232, 0.271, 10.196 |
CIE-LCH | 38.191, 19.369, 245.547 |
CIE-LUV | 38.191, -18.581, -23.158 |
Hunter-Lab | 31.931, -7.095, -12.272 |
Binary | 00110011, 01011111, 01110110 |
Color Schemes with #335f76
Alternatives to #335f76
Below, you can see some colors close to #335f76. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#335f76 Preview
This text has a font color of #335f76.
<span style="color:#335f76;">Text here</span>
This paragraph has a background color of #335f76.
<p style="background-color:#335f76;">Content here</p>
This element has a border color of #335f76.
<div style="border:1px solid #335f76;">Content here</div>
.text {color:#335f76;}
.background {background-color:#335f76;}
.border {border:1px solid #335f76;}
Shades and Tints of #335f76
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, #040708 is the darkest color, while #fafcfd is the lightest one.
-
#040708
#040708
rgb(4,7,8)
-
#0a1216
#0a1216
rgb(10,18,22)
-
#0f1d24
#0f1d24
rgb(15,29,36)
-
#152832
#152832
rgb(21,40,50)
-
#1b333f
#1b333f
rgb(27,51,63)
-
#213e4d
#213e4d
rgb(33,62,77)
-
#27495b
#27495b
rgb(39,73,91)
-
#2d5468
#2d5468
rgb(45,84,104)
-
#335f76
#335f76
rgb(51,95,118)
-
#396a84
#396a84
rgb(57,106,132)
-
#3f7591
#3f7591
rgb(63,117,145)
-
#45809f
#45809f
rgb(69,128,159)
-
#4b8bad
#4b8bad
rgb(75,139,173)
-
#5595b6
#5595b6
rgb(85,149,182)
-
#639dbc
#639dbc
rgb(99,157,188)
-
#71a6c2
#71a6c2
rgb(113,166,194)
-
#7eaec7
#7eaec7
rgb(126,174,199)
-
#8cb7cd
#8cb7cd
rgb(140,183,205)
-
#9ac0d3
#9ac0d3
rgb(154,192,211)
-
#a8c8d9
#a8c8d9
rgb(168,200,217)
-
#b5d1df
#b5d1df
rgb(181,209,223)
-
#c3d9e5
#c3d9e5
rgb(195,217,229)
-
#d1e2eb
#d1e2eb
rgb(209,226,235)
-
#deebf1
#deebf1
rgb(222,235,241)
-
#ecf3f7
#ecf3f7
rgb(236,243,247)
-
#fafcfd
#fafcfd
rgb(250,252,253)
Tones of #335f76
A tone is produced by adding gray to any pure hue. In this case, #545556 is the less saturated color, while #056da4 is the most saturated one.
-
#545556
#545556
rgb(84,85,86)
-
#4d575c
#4d575c
rgb(77,87,92)
-
#475963
#475963
rgb(71,89,99)
-
#405b69
#405b69
rgb(64,91,105)
-
#3a5d70
#3a5d70
rgb(58,93,112)
-
#335f76
#335f76
rgb(51,95,118)
-
#2d617d
#2d617d
rgb(45,97,125)
-
#266383
#266383
rgb(38,99,131)
-
#20658a
#20658a
rgb(32,101,138)
-
#196790
#196790
rgb(25,103,144)
-
#136997
#136997
rgb(19,105,151)
-
#0c6b9d
#0c6b9d
rgb(12,107,157)
-
#056da4
#056da4
rgb(5,109,164)
Color Blindness Simulator
Below, you can see how #335f76 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.