#306ba6 Color Information
In a RGB color space, hex #306ba6 is composed of 18.8% red, 42% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 35.5% magenta, 0% yellow and 34.9% black. It has a hue angle of 210 degrees, a saturation of 55.1% and a lightness of 42%. #306ba6 color hex could be obtained by blending #60d6ff with #00004d. Closest websafe color is: #336699.
-
- R 19
- G 42
- B 65
-
- C 71
- M 36
- Y 0
- K 35
● #306ba6 color description : Dark blue.
#306ba6 Color Conversion
The hexadecimal color #306ba6 has RGB values of R:48, G:107, B:166 and CMYK values of C:0.71, M:0.36, Y:0, K:0.35. Its decimal value is 3173286.
Hex triplet | 306ba6 | #306ba6 |
---|---|---|
RGB Decimal | 48, 107, 166 | rgb(48,107,166) |
RGB Percent | 18.8, 42, 65.1 | rgb(18.8%,42%,65.1%) |
CMYK | 71, 36, 0, 35 | |
HSL | 210°, 55.1, 42 | hsl(210,55.1%,42%) |
HSV (or HSB) | 210°, 71.1, 65.1 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.083, 0.978, -37.284 |
---|---|
XYZ | 13.358, 13.896, 38.053 |
xyY | 0.205, 0.213, 13.896 |
CIE-LCH | 44.083, 37.297, 271.503 |
CIE-LUV | 44.083, -22.233, -55.058 |
Hunter-Lab | 37.277, -1.271, -34.429 |
Binary | 00110000, 01101011, 10100110 |
Color Schemes with #306ba6
Alternatives to #306ba6
Below, you can see some colors close to #306ba6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306ba6 Preview
This text has a font color of #306ba6.
<span style="color:#306ba6;">Text here</span>
This paragraph has a background color of #306ba6.
<p style="background-color:#306ba6;">Content here</p>
This element has a border color of #306ba6.
<div style="border:1px solid #306ba6;">Content here</div>
.text {color:#306ba6;}
.background {background-color:#306ba6;}
.border {border:1px solid #306ba6;}
Shades and Tints of #306ba6
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, #04090e is the darkest color, while #fefeff is the lightest one.
-
#04090e
#04090e
rgb(4,9,14)
-
#08131d
#08131d
rgb(8,19,29)
-
#0d1d2c
#0d1d2c
rgb(13,29,44)
-
#11263b
#11263b
rgb(17,38,59)
-
#16304b
#16304b
rgb(22,48,75)
-
#1a3a5a
#1a3a5a
rgb(26,58,90)
-
#1e4469
#1e4469
rgb(30,68,105)
-
#234e78
#234e78
rgb(35,78,120)
-
#275788
#275788
rgb(39,87,136)
-
#2c6197
#2c6197
rgb(44,97,151)
-
#306ba6
#306ba6
rgb(48,107,166)
-
#3475b5
#3475b5
rgb(52,117,181)
-
#397fc4
#397fc4
rgb(57,127,196)
-
#4788ca
#4788ca
rgb(71,136,202)
-
#5692ce
#5692ce
rgb(86,146,206)
-
#659cd3
#659cd3
rgb(101,156,211)
-
#75a6d7
#75a6d7
rgb(117,166,215)
-
#84b0db
#84b0db
rgb(132,176,219)
-
#93b9e0
#93b9e0
rgb(147,185,224)
-
#a2c3e4
#a2c3e4
rgb(162,195,228)
-
#b2cde9
#b2cde9
rgb(178,205,233)
-
#c1d7ed
#c1d7ed
rgb(193,215,237)
-
#d0e1f1
#d0e1f1
rgb(208,225,241)
-
#dfebf6
#dfebf6
rgb(223,235,246)
-
#eef4fa
#eef4fa
rgb(238,244,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #306ba6
A tone is produced by adding gray to any pure hue. In this case, #6a6b6c is the less saturated color, while #076bcf is the most saturated one.
-
#6a6b6c
#6a6b6c
rgb(106,107,108)
-
#616b75
#616b75
rgb(97,107,117)
-
#596b7d
#596b7d
rgb(89,107,125)
-
#516b85
#516b85
rgb(81,107,133)
-
#496b8d
#496b8d
rgb(73,107,141)
-
#406b96
#406b96
rgb(64,107,150)
-
#386b9e
#386b9e
rgb(56,107,158)
-
#306ba6
#306ba6
rgb(48,107,166)
-
#286bae
#286bae
rgb(40,107,174)
-
#206bb6
#206bb6
rgb(32,107,182)
-
#176bbf
#176bbf
rgb(23,107,191)
-
#0f6bc7
#0f6bc7
rgb(15,107,199)
-
#076bcf
#076bcf
rgb(7,107,207)
Color Blindness Simulator
Below, you can see how #306ba6 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.