#336b85 Color Information
In a RGB color space, hex #336b85 is composed of 20% red, 42% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 19.5% magenta, 0% yellow and 47.8% black. It has a hue angle of 199 degrees, a saturation of 44.6% and a lightness of 36.1%. #336b85 color hex could be obtained by blending #66d6ff with #00000b. Closest websafe color is: #336699.
-
- R 20
- G 42
- B 52
-
- C 62
- M 20
- Y 0
- K 48
● #336b85 color description : Dark moderate blue.
#336b85 Color Conversion
The hexadecimal color #336b85 has RGB values of R:51, G:107, B:133 and CMYK values of C:0.62, M:0.2, Y:0, K:0.48. Its decimal value is 3369861.
Hex triplet | 336b85 | #336b85 |
---|---|---|
RGB Decimal | 51, 107, 133 | rgb(51,107,133) |
RGB Percent | 20, 42, 52.2 | rgb(20%,42%,52.2%) |
CMYK | 62, 20, 0, 48 | |
HSL | 199°, 44.6, 36.1 | hsl(199,44.6%,36.1%) |
HSV (or HSB) | 199°, 61.7, 52.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 42.63, -10.126, -19.909 |
---|---|
XYZ | 10.855, 12.912, 24.109 |
xyY | 0.227, 0.27, 12.912 |
CIE-LCH | 42.63, 22.336, 243.043 |
CIE-LUV | 42.63, -22.724, -26.937 |
Hunter-Lab | 35.933, -8.958, -14.627 |
Binary | 00110011, 01101011, 10000101 |
Color Schemes with #336b85
Alternatives to #336b85
Below, you can see some colors close to #336b85. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336b85 Preview
This text has a font color of #336b85.
<span style="color:#336b85;">Text here</span>
This paragraph has a background color of #336b85.
<p style="background-color:#336b85;">Content here</p>
This element has a border color of #336b85.
<div style="border:1px solid #336b85;">Content here</div>
.text {color:#336b85;}
.background {background-color:#336b85;}
.border {border:1px solid #336b85;}
Shades and Tints of #336b85
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, #020405 is the darkest color, while #f6fafc is the lightest one.
-
#020405
#020405
rgb(2,4,5)
-
#081014
#081014
rgb(8,16,20)
-
#0d1b22
#0d1b22
rgb(13,27,34)
-
#122730
#122730
rgb(18,39,48)
-
#18323e
#18323e
rgb(24,50,62)
-
#1d3d4c
#1d3d4c
rgb(29,61,76)
-
#23495a
#23495a
rgb(35,73,90)
-
#285469
#285469
rgb(40,84,105)
-
#2e6077
#2e6077
rgb(46,96,119)
-
#336b85
#336b85
rgb(51,107,133)
-
#387693
#387693
rgb(56,118,147)
-
#3e82a1
#3e82a1
rgb(62,130,161)
-
#438db0
#438db0
rgb(67,141,176)
-
#4c97ba
#4c97ba
rgb(76,151,186)
-
#5aa0c0
#5aa0c0
rgb(90,160,192)
-
#68a8c5
#68a8c5
rgb(104,168,197)
-
#77b0cb
#77b0cb
rgb(119,176,203)
-
#85b8d0
#85b8d0
rgb(133,184,208)
-
#93c0d6
#93c0d6
rgb(147,192,214)
-
#a1c9db
#a1c9db
rgb(161,201,219)
-
#afd1e0
#afd1e0
rgb(175,209,224)
-
#bed9e6
#bed9e6
rgb(190,217,230)
-
#cce1eb
#cce1eb
rgb(204,225,235)
-
#dae9f1
#dae9f1
rgb(218,233,241)
-
#e8f2f6
#e8f2f6
rgb(232,242,246)
-
#f6fafc
#f6fafc
rgb(246,250,252)
Tones of #336b85
A tone is produced by adding gray to any pure hue. In this case, #565e62 is the less saturated color, while #017db7 is the most saturated one.
-
#565e62
#565e62
rgb(86,94,98)
-
#4f6169
#4f6169
rgb(79,97,105)
-
#486370
#486370
rgb(72,99,112)
-
#416677
#416677
rgb(65,102,119)
-
#3a687e
#3a687e
rgb(58,104,126)
-
#336b85
#336b85
rgb(51,107,133)
-
#2c6e8c
#2c6e8c
rgb(44,110,140)
-
#257093
#257093
rgb(37,112,147)
-
#1e739a
#1e739a
rgb(30,115,154)
-
#1775a1
#1775a1
rgb(23,117,161)
-
#1078a8
#1078a8
rgb(16,120,168)
-
#097baf
#097baf
rgb(9,123,175)
-
#017db7
#017db7
rgb(1,125,183)
Color Blindness Simulator
Below, you can see how #336b85 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.