#306168 Color Information
In a RGB color space, hex #306168 is composed of 18.8% red, 38% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 6.7% magenta, 0% yellow and 59.2% black. It has a hue angle of 187.5 degrees, a saturation of 36.8% and a lightness of 29.8%. #306168 color hex could be obtained by blending #60c2d0 with #000000. Closest websafe color is: #336666.
-
- R 19
- G 38
- B 41
-
- C 54
- M 7
- Y 0
- K 59
● #306168 color description : Very dark desaturated cyan.
#306168 Color Conversion
The hexadecimal color #306168 has RGB values of R:48, G:97, B:104 and CMYK values of C:0.54, M:0.07, Y:0, K:0.59. Its decimal value is 3170664.
Hex triplet | 306168 | #306168 |
---|---|---|
RGB Decimal | 48, 97, 104 | rgb(48,97,104) |
RGB Percent | 18.8, 38, 40.8 | rgb(18.8%,38%,40.8%) |
CMYK | 54, 7, 0, 59 | |
HSL | 187.5°, 36.8, 29.8 | hsl(187.5,36.8%,29.8%) |
HSV (or HSB) | 187.5°, 53.8, 40.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 38.158, -14.392, -9.083 |
---|---|
XYZ | 7.992, 10.177, 14.639 |
xyY | 0.244, 0.31, 10.177 |
CIE-LCH | 38.158, 17.019, 212.256 |
CIE-LUV | 38.158, -20.621, -10.215 |
Hunter-Lab | 31.901, -11.11, -4.877 |
Binary | 00110000, 01100001, 01101000 |
Color Schemes with #306168
Alternatives to #306168
Below, you can see some colors close to #306168. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306168 Preview
This text has a font color of #306168.
<span style="color:#306168;">Text here</span>
This paragraph has a background color of #306168.
<p style="background-color:#306168;">Content here</p>
This element has a border color of #306168.
<div style="border:1px solid #306168;">Content here</div>
.text {color:#306168;}
.background {background-color:#306168;}
.border {border:1px solid #306168;}
Shades and Tints of #306168
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, #05090a is the darkest color, while #fcfdfd is the lightest one.
-
#05090a
#05090a
rgb(5,9,10)
-
#0b1617
#0b1617
rgb(11,22,23)
-
#112225
#112225
rgb(17,34,37)
-
#172f32
#172f32
rgb(23,47,50)
-
#1d3b40
#1d3b40
rgb(29,59,64)
-
#24484d
#24484d
rgb(36,72,77)
-
#2a545b
#2a545b
rgb(42,84,91)
-
#306168
#306168
rgb(48,97,104)
-
#366e75
#366e75
rgb(54,110,117)
-
#3c7a83
#3c7a83
rgb(60,122,131)
-
#438790
#438790
rgb(67,135,144)
-
#49939e
#49939e
rgb(73,147,158)
-
#4fa0ab
#4fa0ab
rgb(79,160,171)
-
#5ba8b3
#5ba8b3
rgb(91,168,179)
-
#68afb9
#68afb9
rgb(104,175,185)
-
#75b6c0
#75b6c0
rgb(117,182,192)
-
#83bdc6
#83bdc6
rgb(131,189,198)
-
#90c4cc
#90c4cc
rgb(144,196,204)
-
#9eccd2
#9eccd2
rgb(158,204,210)
-
#abd3d8
#abd3d8
rgb(171,211,216)
-
#b9dade
#b9dade
rgb(185,218,222)
-
#c6e1e5
#c6e1e5
rgb(198,225,229)
-
#d3e8eb
#d3e8eb
rgb(211,232,235)
-
#e1eff1
#e1eff1
rgb(225,239,241)
-
#eef6f7
#eef6f7
rgb(238,246,247)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #306168
A tone is produced by adding gray to any pure hue. In this case, #474f51 is the less saturated color, while #018497 is the most saturated one.
-
#474f51
#474f51
rgb(71,79,81)
-
#425456
#425456
rgb(66,84,86)
-
#3c585c
#3c585c
rgb(60,88,92)
-
#365d62
#365d62
rgb(54,93,98)
-
#306168
#306168
rgb(48,97,104)
-
#2a656e
#2a656e
rgb(42,101,110)
-
#246a74
#246a74
rgb(36,106,116)
-
#1e6e7a
#1e6e7a
rgb(30,110,122)
-
#19737f
#19737f
rgb(25,115,127)
-
#137785
#137785
rgb(19,119,133)
-
#0d7b8b
#0d7b8b
rgb(13,123,139)
-
#078091
#078091
rgb(7,128,145)
-
#018497
#018497
rgb(1,132,151)
Color Blindness Simulator
Below, you can see how #306168 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.