#306f7f Color Information
In a RGB color space, hex #306f7f is composed of 18.8% red, 43.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 12.6% magenta, 0% yellow and 50.2% black. It has a hue angle of 192.2 degrees, a saturation of 45.1% and a lightness of 34.3%. #306f7f color hex could be obtained by blending #60defe with #000000. Closest websafe color is: #336666.
-
- R 19
- G 44
- B 50
-
- C 62
- M 13
- Y 0
- K 50
● #306f7f color description : Dark moderate cyan.
#306f7f Color Conversion
The hexadecimal color #306f7f has RGB values of R:48, G:111, B:127 and CMYK values of C:0.62, M:0.13, Y:0, K:0.5. Its decimal value is 3174271.
Hex triplet | 306f7f | #306f7f |
---|---|---|
RGB Decimal | 48, 111, 127 | rgb(48,111,127) |
RGB Percent | 18.8, 43.5, 49.8 | rgb(18.8%,43.5%,49.8%) |
CMYK | 62, 13, 0, 50 | |
HSL | 192.2°, 45.1, 34.3 | hsl(192.2,45.1%,34.3%) |
HSV (or HSB) | 192.2°, 62.2, 49.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 43.549, -15.003, -14.907 |
---|---|
XYZ | 10.733, 13.529, 22.123 |
xyY | 0.231, 0.292, 13.529 |
CIE-LCH | 43.549, 21.149, 224.815 |
CIE-LUV | 43.549, -25.209, -18.986 |
Hunter-Lab | 36.781, -12.28, -9.915 |
Binary | 00110000, 01101111, 01111111 |
Color Schemes with #306f7f
Alternatives to #306f7f
Below, you can see some colors close to #306f7f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306f7f Preview
This text has a font color of #306f7f.
<span style="color:#306f7f;">Text here</span>
This paragraph has a background color of #306f7f.
<p style="background-color:#306f7f;">Content here</p>
This element has a border color of #306f7f.
<div style="border:1px solid #306f7f;">Content here</div>
.text {color:#306f7f;}
.background {background-color:#306f7f;}
.border {border:1px solid #306f7f;}
Shades and Tints of #306f7f
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, #050b0d is the darkest color, while #fefeff is the lightest one.
-
#050b0d
#050b0d
rgb(5,11,13)
-
#0a181b
#0a181b
rgb(10,24,27)
-
#10242a
#10242a
rgb(16,36,42)
-
#153138
#153138
rgb(21,49,56)
-
#1a3d46
#1a3d46
rgb(26,61,70)
-
#204a54
#204a54
rgb(32,74,84)
-
#255663
#255663
rgb(37,86,99)
-
#2b6371
#2b6371
rgb(43,99,113)
-
#306f7f
#306f7f
rgb(48,111,127)
-
#357b8d
#357b8d
rgb(53,123,141)
-
#3b889b
#3b889b
rgb(59,136,155)
-
#4094aa
#4094aa
rgb(64,148,170)
-
#46a1b8
#46a1b8
rgb(70,161,184)
-
#53a8be
#53a8be
rgb(83,168,190)
-
#61b0c3
#61b0c3
rgb(97,176,195)
-
#70b7c9
#70b7c9
rgb(112,183,201)
-
#7ebece
#7ebece
rgb(126,190,206)
-
#8cc5d4
#8cc5d4
rgb(140,197,212)
-
#9accd9
#9accd9
rgb(154,204,217)
-
#a8d3de
#a8d3de
rgb(168,211,222)
-
#b7dbe4
#b7dbe4
rgb(183,219,228)
-
#c5e2e9
#c5e2e9
rgb(197,226,233)
-
#d3e9ee
#d3e9ee
rgb(211,233,238)
-
#e1f0f4
#e1f0f4
rgb(225,240,244)
-
#f0f7f9
#f0f7f9
rgb(240,247,249)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #306f7f
A tone is produced by adding gray to any pure hue. In this case, #525b5d is the less saturated color, while #018bae is the most saturated one.
-
#525b5d
#525b5d
rgb(82,91,93)
-
#4b5f64
#4b5f64
rgb(75,95,100)
-
#44636b
#44636b
rgb(68,99,107)
-
#3d6772
#3d6772
rgb(61,103,114)
-
#376b78
#376b78
rgb(55,107,120)
-
#306f7f
#306f7f
rgb(48,111,127)
-
#297386
#297386
rgb(41,115,134)
-
#23778c
#23778c
rgb(35,119,140)
-
#1c7b93
#1c7b93
rgb(28,123,147)
-
#157f9a
#157f9a
rgb(21,127,154)
-
#0e83a1
#0e83a1
rgb(14,131,161)
-
#0887a7
#0887a7
rgb(8,135,167)
-
#018bae
#018bae
rgb(1,139,174)
Color Blindness Simulator
Below, you can see how #306f7f 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.