#306c6f Color Information
In a RGB color space, hex #306c6f is composed of 18.8% red, 42.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 2.7% magenta, 0% yellow and 56.5% black. It has a hue angle of 182.9 degrees, a saturation of 39.6% and a lightness of 31.2%. #306c6f color hex could be obtained by blending #60d8de with #000000. Closest websafe color is: #336666.
-
- R 19
- G 42
- B 44
-
- C 57
- M 3
- Y 0
- K 56
● #306c6f color description : Very dark desaturated cyan.
#306c6f Color Conversion
The hexadecimal color #306c6f has RGB values of R:48, G:108, B:111 and CMYK values of C:0.57, M:0.03, Y:0, K:0.56. Its decimal value is 3173487.
Hex triplet | 306c6f | #306c6f |
---|---|---|
RGB Decimal | 48, 108, 111 | rgb(48,108,111) |
RGB Percent | 18.8, 42.4, 43.5 | rgb(18.8%,42.4%,43.5%) |
CMYK | 57, 3, 0, 56 | |
HSL | 182.9°, 39.6, 31.2 | hsl(182.9,39.6%,31.2%) |
HSV (or HSB) | 182.9°, 56.8, 43.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 42.001, -18.371, -7.593 |
---|---|
XYZ | 9.45, 12.501, 16.953 |
xyY | 0.243, 0.321, 12.501 |
CIE-LCH | 42.001, 19.878, 202.458 |
CIE-LUV | 42.001, -24.739, -7.837 |
Hunter-Lab | 35.356, -14.164, -3.68 |
Binary | 00110000, 01101100, 01101111 |
Color Schemes with #306c6f
Alternatives to #306c6f
Below, you can see some colors close to #306c6f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306c6f Preview
This text has a font color of #306c6f.
<span style="color:#306c6f;">Text here</span>
This paragraph has a background color of #306c6f.
<p style="background-color:#306c6f;">Content here</p>
This element has a border color of #306c6f.
<div style="border:1px solid #306c6f;">Content here</div>
.text {color:#306c6f;}
.background {background-color:#306c6f;}
.border {border:1px solid #306c6f;}
Shades and Tints of #306c6f
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, #010101 is the darkest color, while #f3f9fa is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#070f0f
#070f0f
rgb(7,15,15)
-
#0c1c1d
#0c1c1d
rgb(12,28,29)
-
#12292b
#12292b
rgb(18,41,43)
-
#183738
#183738
rgb(24,55,56)
-
#1e4446
#1e4446
rgb(30,68,70)
-
#245154
#245154
rgb(36,81,84)
-
#2a5f61
#2a5f61
rgb(42,95,97)
-
#306c6f
#306c6f
rgb(48,108,111)
-
#36797d
#36797d
rgb(54,121,125)
-
#3c878a
#3c878a
rgb(60,135,138)
-
#429498
#429498
rgb(66,148,152)
-
#48a1a6
#48a1a6
rgb(72,161,166)
-
#4eaeb3
#4eaeb3
rgb(78,174,179)
-
#5cb4b9
#5cb4b9
rgb(92,180,185)
-
#6ababe
#6ababe
rgb(106,186,190)
-
#78c1c4
#78c1c4
rgb(120,193,196)
-
#85c7ca
#85c7ca
rgb(133,199,202)
-
#93cdd0
#93cdd0
rgb(147,205,208)
-
#a1d4d6
#a1d4d6
rgb(161,212,214)
-
#aedadc
#aedadc
rgb(174,218,220)
-
#bce0e2
#bce0e2
rgb(188,224,226)
-
#cae6e8
#cae6e8
rgb(202,230,232)
-
#d7edee
#d7edee
rgb(215,237,238)
-
#e5f3f4
#e5f3f4
rgb(229,243,244)
-
#f3f9fa
#f3f9fa
rgb(243,249,250)
Tones of #306c6f
A tone is produced by adding gray to any pure hue. In this case, #4f5050 is the less saturated color, while #05939a is the most saturated one.
-
#4f5050
#4f5050
rgb(79,80,80)
-
#485657
#485657
rgb(72,86,87)
-
#425b5d
#425b5d
rgb(66,91,93)
-
#3c6163
#3c6163
rgb(60,97,99)
-
#366669
#366669
rgb(54,102,105)
-
#306c6f
#306c6f
rgb(48,108,111)
-
#2a7275
#2a7275
rgb(42,114,117)
-
#24777b
#24777b
rgb(36,119,123)
-
#1e7d81
#1e7d81
rgb(30,125,129)
-
#188287
#188287
rgb(24,130,135)
-
#11888e
#11888e
rgb(17,136,142)
-
#0b8d94
#0b8d94
rgb(11,141,148)
-
#05939a
#05939a
rgb(5,147,154)
Color Blindness Simulator
Below, you can see how #306c6f 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.