#306a5e Color Information
In a RGB color space, hex #306a5e is composed of 18.8% red, 41.6% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 0% magenta, 11.3% yellow and 58.4% black. It has a hue angle of 167.6 degrees, a saturation of 37.7% and a lightness of 30.2%. #306a5e color hex could be obtained by blending #60d4bc with #000000. Closest websafe color is: #336666.
-
- R 19
- G 42
- B 37
-
- C 55
- M 0
- Y 11
- K 58
● #306a5e color description : Very dark desaturated cyan.
#306a5e Color Conversion
The hexadecimal color #306a5e has RGB values of R:48, G:106, B:94 and CMYK values of C:0.55, M:0, Y:0.11, K:0.58. Its decimal value is 3172958.
Hex triplet | 306a5e | #306a5e |
---|---|---|
RGB Decimal | 48, 106, 94 | rgb(48,106,94) |
RGB Percent | 18.8, 41.6, 36.9 | rgb(18.8%,41.6%,36.9%) |
CMYK | 55, 0, 11, 58 | |
HSL | 167.6°, 37.7, 30.2 | hsl(167.6,37.7%,30.2%) |
HSV (or HSB) | 167.6°, 54.7, 41.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.806, -22.204, 0.963 |
---|---|
XYZ | 8.393, 11.744, 12.414 |
xyY | 0.258, 0.361, 11.744 |
CIE-LCH | 40.806, 22.225, 177.516 |
CIE-LUV | 40.806, -24.656, 4.358 |
Hunter-Lab | 34.27, -16.256, 2.512 |
Binary | 00110000, 01101010, 01011110 |
Color Schemes with #306a5e
Alternatives to #306a5e
Below, you can see some colors close to #306a5e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306a5e Preview
This text has a font color of #306a5e.
<span style="color:#306a5e;">Text here</span>
This paragraph has a background color of #306a5e.
<p style="background-color:#306a5e;">Content here</p>
This element has a border color of #306a5e.
<div style="border:1px solid #306a5e;">Content here</div>
.text {color:#306a5e;}
.background {background-color:#306a5e;}
.border {border:1px solid #306a5e;}
Shades and Tints of #306a5e
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, #050b0a is the darkest color, while #fdfefe is the lightest one.
-
#050b0a
#050b0a
rgb(5,11,10)
-
#0b1916
#0b1916
rgb(11,25,22)
-
#112622
#112622
rgb(17,38,34)
-
#18342e
#18342e
rgb(24,52,46)
-
#1e413a
#1e413a
rgb(30,65,58)
-
#244f46
#244f46
rgb(36,79,70)
-
#2a5c52
#2a5c52
rgb(42,92,82)
-
#306a5e
#306a5e
rgb(48,106,94)
-
#36786a
#36786a
rgb(54,120,106)
-
#3c8576
#3c8576
rgb(60,133,118)
-
#429382
#429382
rgb(66,147,130)
-
#48a08e
#48a08e
rgb(72,160,142)
-
#4fae9a
#4fae9a
rgb(79,174,154)
-
#5bb5a2
#5bb5a2
rgb(91,181,162)
-
#68bbaa
#68bbaa
rgb(104,187,170)
-
#76c1b1
#76c1b1
rgb(118,193,177)
-
#83c7b9
#83c7b9
rgb(131,199,185)
-
#91cdc1
#91cdc1
rgb(145,205,193)
-
#9ed3c8
#9ed3c8
rgb(158,211,200)
-
#acd9d0
#acd9d0
rgb(172,217,208)
-
#b9e0d8
#b9e0d8
rgb(185,224,216)
-
#c7e6df
#c7e6df
rgb(199,230,223)
-
#d4ece7
#d4ece7
rgb(212,236,231)
-
#e2f2ef
#e2f2ef
rgb(226,242,239)
-
#eff8f6
#eff8f6
rgb(239,248,246)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #306a5e
A tone is produced by adding gray to any pure hue. In this case, #485250 is the less saturated color, while #01997a is the most saturated one.
-
#485250
#485250
rgb(72,82,80)
-
#425854
#425854
rgb(66,88,84)
-
#3c5e57
#3c5e57
rgb(60,94,87)
-
#36645b
#36645b
rgb(54,100,91)
-
#306a5e
#306a5e
rgb(48,106,94)
-
#2a7061
#2a7061
rgb(42,112,97)
-
#247665
#247665
rgb(36,118,101)
-
#1e7c68
#1e7c68
rgb(30,124,104)
-
#18826c
#18826c
rgb(24,130,108)
-
#12886f
#12886f
rgb(18,136,111)
-
#0c8e73
#0c8e73
rgb(12,142,115)
-
#079376
#079376
rgb(7,147,118)
-
#01997a
#01997a
rgb(1,153,122)
Color Blindness Simulator
Below, you can see how #306a5e 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.