#335577 Color Information
In a RGB color space, hex #335577 is composed of 20% red, 33.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 28.6% magenta, 0% yellow and 53.3% black. It has a hue angle of 210 degrees, a saturation of 40% and a lightness of 33.3%. #335577 color hex could be obtained by blending #66aaee with #000000. Closest websafe color is: #336666.
-
- R 20
- G 33
- B 47
-
- C 57
- M 29
- Y 0
- K 53
● #335577 color description : Dark moderate blue.
#335577 Color Conversion
The hexadecimal color #335577 has RGB values of R:51, G:85, B:119 and CMYK values of C:0.57, M:0.29, Y:0, K:0.53. Its decimal value is 3364215.
Hex triplet | 335577 | #335577 |
---|---|---|
RGB Decimal | 51, 85, 119 | rgb(51,85,119) |
RGB Percent | 20, 33.3, 46.7 | rgb(20%,33.3%,46.7%) |
CMYK | 57, 29, 0, 53 | |
HSL | 210°, 40, 33.3 | hsl(210,40%,33.3%) |
HSV (or HSB) | 210°, 57.1, 46.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.068, -1.521, -23.084 |
---|---|
XYZ | 7.943, 8.532, 18.68 |
xyY | 0.226, 0.243, 8.532 |
CIE-LCH | 35.068, 23.134, 266.231 |
CIE-LUV | 35.068, -14.742, -31.145 |
Hunter-Lab | 29.21, -2.58, -17.469 |
Binary | 00110011, 01010101, 01110111 |
Color Schemes with #335577
Alternatives to #335577
Below, you can see some colors close to #335577. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#335577 Preview
This text has a font color of #335577.
<span style="color:#335577;">Text here</span>
This paragraph has a background color of #335577.
<p style="background-color:#335577;">Content here</p>
This element has a border color of #335577.
<div style="border:1px solid #335577;">Content here</div>
.text {color:#335577;}
.background {background-color:#335577;}
.border {border:1px solid #335577;}
Shades and Tints of #335577
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, #040709 is the darkest color, while #fafcfd is the lightest one.
-
#040709
#040709
rgb(4,7,9)
-
#0a1017
#0a1017
rgb(10,16,23)
-
#101a25
#101a25
rgb(16,26,37)
-
#162432
#162432
rgb(22,36,50)
-
#1b2e40
#1b2e40
rgb(27,46,64)
-
#21384e
#21384e
rgb(33,56,78)
-
#27415c
#27415c
rgb(39,65,92)
-
#2d4b69
#2d4b69
rgb(45,75,105)
-
#335577
#335577
rgb(51,85,119)
-
#395f85
#395f85
rgb(57,95,133)
-
#3f6992
#3f6992
rgb(63,105,146)
-
#4572a0
#4572a0
rgb(69,114,160)
-
#4b7cae
#4b7cae
rgb(75,124,174)
-
#5686b6
#5686b6
rgb(86,134,182)
-
#6390bc
#6390bc
rgb(99,144,188)
-
#719ac2
#719ac2
rgb(113,154,194)
-
#7fa3c8
#7fa3c8
rgb(127,163,200)
-
#8dadce
#8dadce
rgb(141,173,206)
-
#9ab7d4
#9ab7d4
rgb(154,183,212)
-
#a8c1da
#a8c1da
rgb(168,193,218)
-
#b6cbe0
#b6cbe0
rgb(182,203,224)
-
#c4d5e6
#c4d5e6
rgb(196,213,230)
-
#d1deeb
#d1deeb
rgb(209,222,235)
-
#dfe8f1
#dfe8f1
rgb(223,232,241)
-
#edf2f7
#edf2f7
rgb(237,242,247)
-
#fafcfd
#fafcfd
rgb(250,252,253)
Tones of #335577
A tone is produced by adding gray to any pure hue. In this case, #545556 is the less saturated color, while #0555a5 is the most saturated one.
-
#545556
#545556
rgb(84,85,86)
-
#4d555d
#4d555d
rgb(77,85,93)
-
#475563
#475563
rgb(71,85,99)
-
#40556a
#40556a
rgb(64,85,106)
-
#3a5570
#3a5570
rgb(58,85,112)
-
#335577
#335577
rgb(51,85,119)
-
#2c557e
#2c557e
rgb(44,85,126)
-
#265584
#265584
rgb(38,85,132)
-
#1f558b
#1f558b
rgb(31,85,139)
-
#195591
#195591
rgb(25,85,145)
-
#125598
#125598
rgb(18,85,152)
-
#0c559e
#0c559e
rgb(12,85,158)
-
#0555a5
#0555a5
rgb(5,85,165)
Color Blindness Simulator
Below, you can see how #335577 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.