#306f7c Color Information
In a RGB color space, hex #306f7c is composed of 18.8% red, 43.5% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 10.5% magenta, 0% yellow and 51.4% black. It has a hue angle of 190.3 degrees, a saturation of 44.2% and a lightness of 33.7%. #306f7c color hex could be obtained by blending #60def8 with #000000. Closest websafe color is: #336666.
-
- R 19
- G 44
- B 49
-
- C 61
- M 10
- Y 0
- K 51
● #306f7c color description : Dark moderate cyan.
#306f7c Color Conversion
The hexadecimal color #306f7c has RGB values of R:48, G:111, B:124 and CMYK values of C:0.61, M:0.1, Y:0, K:0.51. Its decimal value is 3174268.
Hex triplet | 306f7c | #306f7c |
---|---|---|
RGB Decimal | 48, 111, 124 | rgb(48,111,124) |
RGB Percent | 18.8, 43.5, 48.6 | rgb(18.8%,43.5%,48.6%) |
CMYK | 61, 10, 0, 51 | |
HSL | 190.3°, 44.2, 33.7 | hsl(190.3,44.2%,33.7%) |
HSV (or HSB) | 190.3°, 61.3, 48.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 43.436, -15.969, -13.276 |
---|---|
XYZ | 10.54, 13.452, 21.109 |
xyY | 0.234, 0.298, 13.452 |
CIE-LCH | 43.436, 20.767, 219.739 |
CIE-LUV | 43.436, -25.343, -16.445 |
Hunter-Lab | 36.677, -12.885, -8.45 |
Binary | 00110000, 01101111, 01111100 |
Color Schemes with #306f7c
Alternatives to #306f7c
Below, you can see some colors close to #306f7c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306f7c Preview
This text has a font color of #306f7c.
<span style="color:#306f7c;">Text here</span>
This paragraph has a background color of #306f7c.
<p style="background-color:#306f7c;">Content here</p>
This element has a border color of #306f7c.
<div style="border:1px solid #306f7c;">Content here</div>
.text {color:#306f7c;}
.background {background-color:#306f7c;}
.border {border:1px solid #306f7c;}
Shades and Tints of #306f7c
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, #040a0b is the darkest color, while #fcfdfe is the lightest one.
-
#040a0b
#040a0b
rgb(4,10,11)
-
#0a1619
#0a1619
rgb(10,22,25)
-
#0f2327
#0f2327
rgb(15,35,39)
-
#153035
#153035
rgb(21,48,53)
-
#1a3c43
#1a3c43
rgb(26,60,67)
-
#204952
#204952
rgb(32,73,82)
-
#255660
#255660
rgb(37,86,96)
-
#2b626e
#2b626e
rgb(43,98,110)
-
#306f7c
#306f7c
rgb(48,111,124)
-
#357c8a
#357c8a
rgb(53,124,138)
-
#3b8898
#3b8898
rgb(59,136,152)
-
#4095a6
#4095a6
rgb(64,149,166)
-
#46a2b5
#46a2b5
rgb(70,162,181)
-
#52aabc
#52aabc
rgb(82,170,188)
-
#60b1c2
#60b1c2
rgb(96,177,194)
-
#6eb8c7
#6eb8c7
rgb(110,184,199)
-
#7cbfcc
#7cbfcc
rgb(124,191,204)
-
#8bc6d2
#8bc6d2
rgb(139,198,210)
-
#99cdd7
#99cdd7
rgb(153,205,215)
-
#a7d4dd
#a7d4dd
rgb(167,212,221)
-
#b5dbe2
#b5dbe2
rgb(181,219,226)
-
#c3e2e8
#c3e2e8
rgb(195,226,232)
-
#d1e9ed
#d1e9ed
rgb(209,233,237)
-
#dfeff3
#dfeff3
rgb(223,239,243)
-
#eef6f8
#eef6f8
rgb(238,246,248)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #306f7c
A tone is produced by adding gray to any pure hue. In this case, #51595b is the less saturated color, while #028daa is the most saturated one.
-
#51595b
#51595b
rgb(81,89,91)
-
#4a5e62
#4a5e62
rgb(74,94,98)
-
#446268
#446268
rgb(68,98,104)
-
#3d666f
#3d666f
rgb(61,102,111)
-
#376b75
#376b75
rgb(55,107,117)
-
#306f7c
#306f7c
rgb(48,111,124)
-
#297383
#297383
rgb(41,115,131)
-
#237889
#237889
rgb(35,120,137)
-
#1c7c90
#1c7c90
rgb(28,124,144)
-
#168096
#168096
rgb(22,128,150)
-
#0f859d
#0f859d
rgb(15,133,157)
-
#0889a4
#0889a4
rgb(8,137,164)
-
#028daa
#028daa
rgb(2,141,170)
Color Blindness Simulator
Below, you can see how #306f7c 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.