#33686f Color Information
In a RGB color space, hex #33686f is composed of 20% red, 40.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 6.3% magenta, 0% yellow and 56.5% black. It has a hue angle of 187 degrees, a saturation of 37% and a lightness of 31.8%. #33686f color hex could be obtained by blending #66d0de with #000000. Closest websafe color is: #336666.
-
- R 20
- G 41
- B 44
-
- C 54
- M 6
- Y 0
- K 56
● #33686f color description : Very dark desaturated cyan.
#33686f Color Conversion
The hexadecimal color #33686f has RGB values of R:51, G:104, B:111 and CMYK values of C:0.54, M:0.06, Y:0, K:0.56. Its decimal value is 3369071.
Hex triplet | 33686f | #33686f |
---|---|---|
RGB Decimal | 51, 104, 111 | rgb(51,104,111) |
RGB Percent | 20, 40.8, 43.5 | rgb(20%,40.8%,43.5%) |
CMYK | 54, 6, 0, 56 | |
HSL | 187°, 37, 31.8 | hsl(187,37%,31.8%) |
HSV (or HSB) | 187°, 54.1, 43.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.818, -15.468, -9.355 |
---|---|
XYZ | 9.184, 11.752, 16.822 |
xyY | 0.243, 0.311, 11.752 |
CIE-LCH | 40.818, 18.077, 211.166 |
CIE-LUV | 40.818, -22.355, -10.634 |
Hunter-Lab | 34.28, -12.169, -5.099 |
Binary | 00110011, 01101000, 01101111 |
Color Schemes with #33686f
Alternatives to #33686f
Below, you can see some colors close to #33686f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33686f Preview
This text has a font color of #33686f.
<span style="color:#33686f;">Text here</span>
This paragraph has a background color of #33686f.
<p style="background-color:#33686f;">Content here</p>
This element has a border color of #33686f.
<div style="border:1px solid #33686f;">Content here</div>
.text {color:#33686f;}
.background {background-color:#33686f;}
.border {border:1px solid #33686f;}
Shades and Tints of #33686f
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, #020303 is the darkest color, while #f5fafa is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#081011
#081011
rgb(8,16,17)
-
#0e1c1e
#0e1c1e
rgb(14,28,30)
-
#14292c
#14292c
rgb(20,41,44)
-
#1a3639
#1a3639
rgb(26,54,57)
-
#204247
#204247
rgb(32,66,71)
-
#274f54
#274f54
rgb(39,79,84)
-
#2d5b62
#2d5b62
rgb(45,91,98)
-
#33686f
#33686f
rgb(51,104,111)
-
#39757c
#39757c
rgb(57,117,124)
-
#3f818a
#3f818a
rgb(63,129,138)
-
#468e97
#468e97
rgb(70,142,151)
-
#4c9aa5
#4c9aa5
rgb(76,154,165)
-
#54a6b0
#54a6b0
rgb(84,166,176)
-
#61adb6
#61adb6
rgb(97,173,182)
-
#6fb4bd
#6fb4bd
rgb(111,180,189)
-
#7cbbc3
#7cbbc3
rgb(124,187,195)
-
#8ac2c9
#8ac2c9
rgb(138,194,201)
-
#97c9cf
#97c9cf
rgb(151,201,207)
-
#a4d0d5
#a4d0d5
rgb(164,208,213)
-
#b2d7dc
#b2d7dc
rgb(178,215,220)
-
#bfdee2
#bfdee2
rgb(191,222,226)
-
#cde5e8
#cde5e8
rgb(205,229,232)
-
#daecee
#daecee
rgb(218,236,238)
-
#e8f3f4
#e8f3f4
rgb(232,243,244)
-
#f5fafa
#f5fafa
rgb(245,250,250)
Tones of #33686f
A tone is produced by adding gray to any pure hue. In this case, #4c5556 is the less saturated color, while #018ea1 is the most saturated one.
-
#4c5556
#4c5556
rgb(76,85,86)
-
#465a5c
#465a5c
rgb(70,90,92)
-
#3f5e63
#3f5e63
rgb(63,94,99)
-
#396369
#396369
rgb(57,99,105)
-
#33686f
#33686f
rgb(51,104,111)
-
#2d6d75
#2d6d75
rgb(45,109,117)
-
#27727b
#27727b
rgb(39,114,123)
-
#207682
#207682
rgb(32,118,130)
-
#1a7b88
#1a7b88
rgb(26,123,136)
-
#14808e
#14808e
rgb(20,128,142)
-
#0e8594
#0e8594
rgb(14,133,148)
-
#07899b
#07899b
rgb(7,137,155)
-
#018ea1
#018ea1
rgb(1,142,161)
Color Blindness Simulator
Below, you can see how #33686f 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.