#306cac Color Information
In a RGB color space, hex #306cac is composed of 18.8% red, 42.4% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 37.2% magenta, 0% yellow and 32.5% black. It has a hue angle of 211 degrees, a saturation of 56.4% and a lightness of 43.1%. #306cac color hex could be obtained by blending #60d8ff with #000059. Closest websafe color is: #336699.
-
- R 19
- G 42
- B 67
-
- C 72
- M 37
- Y 0
- K 33
● #306cac color description : Dark blue.
#306cac Color Conversion
The hexadecimal color #306cac has RGB values of R:48, G:108, B:172 and CMYK values of C:0.72, M:0.37, Y:0, K:0.33. Its decimal value is 3173548.
Hex triplet | 306cac | #306cac |
---|---|---|
RGB Decimal | 48, 108, 172 | rgb(48,108,172) |
RGB Percent | 18.8, 42.4, 67.5 | rgb(18.8%,42.4%,67.5%) |
CMYK | 72, 37, 0, 33 | |
HSL | 211°, 56.4, 43.1 | hsl(211,56.4%,43.1%) |
HSV (or HSB) | 211°, 72.1, 67.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.704, 2.568, -39.825 |
---|---|
XYZ | 14.026, 14.331, 41.054 |
xyY | 0.202, 0.206, 14.331 |
CIE-LCH | 44.704, 39.908, 273.689 |
CIE-LUV | 44.704, -22.387, -59.324 |
Hunter-Lab | 37.856, -0.112, -37.799 |
Binary | 00110000, 01101100, 10101100 |
Color Schemes with #306cac
Alternatives to #306cac
Below, you can see some colors close to #306cac. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306cac Preview
This text has a font color of #306cac.
<span style="color:#306cac;">Text here</span>
This paragraph has a background color of #306cac.
<p style="background-color:#306cac;">Content here</p>
This element has a border color of #306cac.
<div style="border:1px solid #306cac;">Content here</div>
.text {color:#306cac;}
.background {background-color:#306cac;}
.border {border:1px solid #306cac;}
Shades and Tints of #306cac
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, #010203 is the darkest color, while #f3f7fc is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#050c13
#050c13
rgb(5,12,19)
-
#091522
#091522
rgb(9,21,34)
-
#0e1f31
#0e1f31
rgb(14,31,49)
-
#122941
#122941
rgb(18,41,65)
-
#163250
#163250
rgb(22,50,80)
-
#1b3c5f
#1b3c5f
rgb(27,60,95)
-
#1f456f
#1f456f
rgb(31,69,111)
-
#234f7e
#234f7e
rgb(35,79,126)
-
#27598d
#27598d
rgb(39,89,141)
-
#2c629d
#2c629d
rgb(44,98,157)
-
#306cac
#306cac
rgb(48,108,172)
-
#3476bb
#3476bb
rgb(52,118,187)
-
#3b7fc8
#3b7fc8
rgb(59,127,200)
-
#4a89cd
#4a89cd
rgb(74,137,205)
-
#5a93d1
#5a93d1
rgb(90,147,209)
-
#699dd5
#699dd5
rgb(105,157,213)
-
#78a7d9
#78a7d9
rgb(120,167,217)
-
#88b1de
#88b1de
rgb(136,177,222)
-
#97bbe2
#97bbe2
rgb(151,187,226)
-
#a6c5e6
#a6c5e6
rgb(166,197,230)
-
#b6cfeb
#b6cfeb
rgb(182,207,235)
-
#c5d9ef
#c5d9ef
rgb(197,217,239)
-
#d4e3f3
#d4e3f3
rgb(212,227,243)
-
#e4edf7
#e4edf7
rgb(228,237,247)
-
#f3f7fc
#f3f7fc
rgb(243,247,252)
Tones of #306cac
A tone is produced by adding gray to any pure hue. In this case, #6b6e71 is the less saturated color, while #066bd6 is the most saturated one.
-
#6b6e71
#6b6e71
rgb(107,110,113)
-
#636e79
#636e79
rgb(99,110,121)
-
#5a6d82
#5a6d82
rgb(90,109,130)
-
#526d8a
#526d8a
rgb(82,109,138)
-
#496d93
#496d93
rgb(73,109,147)
-
#416d9b
#416d9b
rgb(65,109,155)
-
#386ca4
#386ca4
rgb(56,108,164)
-
#306cac
#306cac
rgb(48,108,172)
-
#286cb4
#286cb4
rgb(40,108,180)
-
#1f6bbd
#1f6bbd
rgb(31,107,189)
-
#176bc5
#176bc5
rgb(23,107,197)
-
#0e6bce
#0e6bce
rgb(14,107,206)
-
#066bd6
#066bd6
rgb(6,107,214)
Color Blindness Simulator
Below, you can see how #306cac 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.