#306f7e Color Information
In a RGB color space, hex #306f7e is composed of 18.8% red, 43.5% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 11.9% magenta, 0% yellow and 50.6% black. It has a hue angle of 191.5 degrees, a saturation of 44.8% and a lightness of 34.1%. #306f7e color hex could be obtained by blending #60defc with #000000. Closest websafe color is: #336666.
-
- R 19
- G 44
- B 49
-
- C 62
- M 12
- Y 0
- K 51
● #306f7e color description : Dark moderate cyan.
#306f7e Color Conversion
The hexadecimal color #306f7e has RGB values of R:48, G:111, B:126 and CMYK values of C:0.62, M:0.12, Y:0, K:0.51. Its decimal value is 3174270.
Hex triplet | 306f7e | #306f7e |
---|---|---|
RGB Decimal | 48, 111, 126 | rgb(48,111,126) |
RGB Percent | 18.8, 43.5, 49.4 | rgb(18.8%,43.5%,49.4%) |
CMYK | 62, 12, 0, 51 | |
HSL | 191.5°, 44.8, 34.1 | hsl(191.5,44.8%,34.1%) |
HSV (or HSB) | 191.5°, 61.9, 49.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 43.511, -15.327, -14.364 |
---|---|
XYZ | 10.668, 13.503, 21.782 |
xyY | 0.232, 0.294, 13.503 |
CIE-LCH | 43.511, 21.006, 223.143 |
CIE-LUV | 43.511, -25.254, -18.138 |
Hunter-Lab | 36.746, -12.483, -9.422 |
Binary | 00110000, 01101111, 01111110 |
Color Schemes with #306f7e
Alternatives to #306f7e
Below, you can see some colors close to #306f7e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306f7e Preview
This text has a font color of #306f7e.
<span style="color:#306f7e;">Text here</span>
This paragraph has a background color of #306f7e.
<p style="background-color:#306f7e;">Content here</p>
This element has a border color of #306f7e.
<div style="border:1px solid #306f7e;">Content here</div>
.text {color:#306f7e;}
.background {background-color:#306f7e;}
.border {border:1px solid #306f7e;}
Shades and Tints of #306f7e
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, #050b0c is the darkest color, while #fdfefe is the lightest one.
-
#050b0c
#050b0c
rgb(5,11,12)
-
#0a171b
#0a171b
rgb(10,23,27)
-
#102429
#102429
rgb(16,36,41)
-
#153037
#153037
rgb(21,48,55)
-
#1a3d45
#1a3d45
rgb(26,61,69)
-
#204953
#204953
rgb(32,73,83)
-
#255662
#255662
rgb(37,86,98)
-
#2b6270
#2b6270
rgb(43,98,112)
-
#306f7e
#306f7e
rgb(48,111,126)
-
#357c8c
#357c8c
rgb(53,124,140)
-
#3b889a
#3b889a
rgb(59,136,154)
-
#4095a9
#4095a9
rgb(64,149,169)
-
#46a1b7
#46a1b7
rgb(70,161,183)
-
#53a9bd
#53a9bd
rgb(83,169,189)
-
#61b0c3
#61b0c3
rgb(97,176,195)
-
#6fb7c8
#6fb7c8
rgb(111,183,200)
-
#7dbece
#7dbece
rgb(125,190,206)
-
#8cc5d3
#8cc5d3
rgb(140,197,211)
-
#9accd8
#9accd8
rgb(154,204,216)
-
#a8d3de
#a8d3de
rgb(168,211,222)
-
#b6dbe3
#b6dbe3
rgb(182,219,227)
-
#c4e2e9
#c4e2e9
rgb(196,226,233)
-
#d3e9ee
#d3e9ee
rgb(211,233,238)
-
#e1f0f3
#e1f0f3
rgb(225,240,243)
-
#eff7f9
#eff7f9
rgb(239,247,249)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #306f7e
A tone is produced by adding gray to any pure hue. In this case, #515a5d is the less saturated color, while #018cad is the most saturated one.
-
#515a5d
#515a5d
rgb(81,90,93)
-
#4b5f63
#4b5f63
rgb(75,95,99)
-
#44636a
#44636a
rgb(68,99,106)
-
#3d6771
#3d6771
rgb(61,103,113)
-
#376b77
#376b77
rgb(55,107,119)
-
#306f7e
#306f7e
rgb(48,111,126)
-
#297385
#297385
rgb(41,115,133)
-
#23778b
#23778b
rgb(35,119,139)
-
#1c7b92
#1c7b92
rgb(28,123,146)
-
#157f99
#157f99
rgb(21,127,153)
-
#0f849f
#0f849f
rgb(15,132,159)
-
#0888a6
#0888a6
rgb(8,136,166)
-
#018cad
#018cad
rgb(1,140,173)
Color Blindness Simulator
Below, you can see how #306f7e 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.