#335866 Color Information
In a RGB color space, hex #335866 is composed of 20% red, 34.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 13.7% magenta, 0% yellow and 60% black. It has a hue angle of 196.5 degrees, a saturation of 33.3% and a lightness of 30%. #335866 color hex could be obtained by blending #66b0cc with #000000. Closest websafe color is: #336666.
-
- R 20
- G 35
- B 40
-
- C 50
- M 14
- Y 0
- K 60
● #335866 color description : Very dark desaturated blue.
#335866 Color Conversion
The hexadecimal color #335866 has RGB values of R:51, G:88, B:102 and CMYK values of C:0.5, M:0.14, Y:0, K:0.6. Its decimal value is 3364966.
Hex triplet | 335866 | #335866 |
---|---|---|
RGB Decimal | 51, 88, 102 | rgb(51,88,102) |
RGB Percent | 20, 34.5, 40 | rgb(20%,34.5%,40%) |
CMYK | 50, 14, 0, 60 | |
HSL | 196.5°, 33.3, 30 | hsl(196.5,33.3%,30%) |
HSV (or HSB) | 196.5°, 50, 40 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.286, -8.985, -12.173 |
---|---|
XYZ | 7.253, 8.642, 13.856 |
xyY | 0.244, 0.29, 8.642 |
CIE-LCH | 35.286, 15.13, 233.567 |
CIE-LUV | 35.286, -16.18, -14.899 |
Hunter-Lab | 29.398, -7.408, -7.366 |
Binary | 00110011, 01011000, 01100110 |
Color Schemes with #335866
Alternatives to #335866
Below, you can see some colors close to #335866. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#335866 Preview
This text has a font color of #335866.
<span style="color:#335866;">Text here</span>
This paragraph has a background color of #335866.
<p style="background-color:#335866;">Content here</p>
This element has a border color of #335866.
<div style="border:1px solid #335866;">Content here</div>
.text {color:#335866;}
.background {background-color:#335866;}
.border {border:1px solid #335866;}
Shades and Tints of #335866
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)
-
#122025
#122025
rgb(18,32,37)
-
#192b32
#192b32
rgb(25,43,50)
-
#1f363f
#1f363f
rgb(31,54,63)
-
#26414c
#26414c
rgb(38,65,76)
-
#2c4d59
#2c4d59
rgb(44,77,89)
-
#335866
#335866
rgb(51,88,102)
-
#3a6373
#3a6373
rgb(58,99,115)
-
#406f80
#406f80
rgb(64,111,128)
-
#477a8d
#477a8d
rgb(71,122,141)
-
#4d859a
#4d859a
rgb(77,133,154)
-
#5490a7
#5490a7
rgb(84,144,167)
-
#5f99af
#5f99af
rgb(95,153,175)
-
#6da2b6
#6da2b6
rgb(109,162,182)
-
#7aaabc
#7aaabc
rgb(122,170,188)
-
#87b2c3
#87b2c3
rgb(135,178,195)
-
#94bbc9
#94bbc9
rgb(148,187,201)
-
#a1c3d0
#a1c3d0
rgb(161,195,208)
-
#aecbd6
#aecbd6
rgb(174,203,214)
-
#bbd4dd
#bbd4dd
rgb(187,212,221)
-
#c8dce4
#c8dce4
rgb(200,220,228)
-
#d5e4ea
#d5e4ea
rgb(213,228,234)
-
#e2edf1
#e2edf1
rgb(226,237,241)
-
#eff5f7
#eff5f7
rgb(239,245,247)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #335866
A tone is produced by adding gray to any pure hue. In this case, #4b4d4e is the less saturated color, while #046d95 is the most saturated one.
-
#4b4d4e
#4b4d4e
rgb(75,77,78)
-
#455054
#455054
rgb(69,80,84)
-
#3f535a
#3f535a
rgb(63,83,90)
-
#395560
#395560
rgb(57,85,96)
-
#335866
#335866
rgb(51,88,102)
-
#2d5b6c
#2d5b6c
rgb(45,91,108)
-
#275d72
#275d72
rgb(39,93,114)
-
#216078
#216078
rgb(33,96,120)
-
#1b637e
#1b637e
rgb(27,99,126)
-
#166583
#166583
rgb(22,101,131)
-
#106889
#106889
rgb(16,104,137)
-
#0a6b8f
#0a6b8f
rgb(10,107,143)
-
#046d95
#046d95
rgb(4,109,149)
Color Blindness Simulator
Below, you can see how #335866 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.