#306f9a Color Information
In a RGB color space, hex #306f9a is composed of 18.8% red, 43.5% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 27.9% magenta, 0% yellow and 39.6% black. It has a hue angle of 204.3 degrees, a saturation of 52.5% and a lightness of 39.6%. #306f9a color hex could be obtained by blending #60deff with #000035. Closest websafe color is: #336699.
-
- R 19
- G 44
- B 60
-
- C 69
- M 28
- Y 0
- K 40
● #306f9a color description : Dark moderate blue.
#306f9a Color Conversion
The hexadecimal color #306f9a has RGB values of R:48, G:111, B:154 and CMYK values of C:0.69, M:0.28, Y:0, K:0.4. Its decimal value is 3174298.
Hex triplet | 306f9a | #306f9a |
---|---|---|
RGB Decimal | 48, 111, 154 | rgb(48,111,154) |
RGB Percent | 18.8, 43.5, 60.4 | rgb(18.8%,43.5%,60.4%) |
CMYK | 69, 28, 0, 40 | |
HSL | 204.3°, 52.5, 39.6 | hsl(204.3,52.5%,39.6%) |
HSV (or HSB) | 204.3°, 68.8, 60.4 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.702, -5.794, -29.228 |
---|---|
XYZ | 12.735, 14.329, 32.665 |
xyY | 0.213, 0.24, 14.329 |
CIE-LCH | 44.702, 29.797, 258.787 |
CIE-LUV | 44.702, -24.075, -42.038 |
Hunter-Lab | 37.854, -6.195, -24.664 |
Binary | 00110000, 01101111, 10011010 |
Color Schemes with #306f9a
Alternatives to #306f9a
Below, you can see some colors close to #306f9a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306f9a Preview
This text has a font color of #306f9a.
<span style="color:#306f9a;">Text here</span>
This paragraph has a background color of #306f9a.
<p style="background-color:#306f9a;">Content here</p>
This element has a border color of #306f9a.
<div style="border:1px solid #306f9a;">Content here</div>
.text {color:#306f9a;}
.background {background-color:#306f9a;}
.border {border:1px solid #306f9a;}
Shades and Tints of #306f9a
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, #010304 is the darkest color, while #f5f9fc is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#060e13
#060e13
rgb(6,14,19)
-
#0b1922
#0b1922
rgb(11,25,34)
-
#0f2431
#0f2431
rgb(15,36,49)
-
#142e40
#142e40
rgb(20,46,64)
-
#19394f
#19394f
rgb(25,57,79)
-
#1d445e
#1d445e
rgb(29,68,94)
-
#224f6d
#224f6d
rgb(34,79,109)
-
#27597c
#27597c
rgb(39,89,124)
-
#2b648b
#2b648b
rgb(43,100,139)
-
#306f9a
#306f9a
rgb(48,111,154)
-
#357aa9
#357aa9
rgb(53,122,169)
-
#3985b8
#3985b8
rgb(57,133,184)
-
#418fc4
#418fc4
rgb(65,143,196)
-
#5098c8
#5098c8
rgb(80,152,200)
-
#5fa0cd
#5fa0cd
rgb(95,160,205)
-
#6ea9d2
#6ea9d2
rgb(110,169,210)
-
#7db2d6
#7db2d6
rgb(125,178,214)
-
#8cbbdb
#8cbbdb
rgb(140,187,219)
-
#9bc4e0
#9bc4e0
rgb(155,196,224)
-
#aacde4
#aacde4
rgb(170,205,228)
-
#b9d5e9
#b9d5e9
rgb(185,213,233)
-
#c8deee
#c8deee
rgb(200,222,238)
-
#d7e7f2
#d7e7f2
rgb(215,231,242)
-
#e6f0f7
#e6f0f7
rgb(230,240,247)
-
#f5f9fc
#f5f9fc
rgb(245,249,252)
Tones of #306f9a
A tone is produced by adding gray to any pure hue. In this case, #5f666b is the less saturated color, while #0178c9 is the most saturated one.
-
#5f666b
#5f666b
rgb(95,102,107)
-
#576873
#576873
rgb(87,104,115)
-
#4f697b
#4f697b
rgb(79,105,123)
-
#476b83
#476b83
rgb(71,107,131)
-
#406c8a
#406c8a
rgb(64,108,138)
-
#386e92
#386e92
rgb(56,110,146)
-
#306f9a
#306f9a
rgb(48,111,154)
-
#2870a2
#2870a2
rgb(40,112,162)
-
#2072aa
#2072aa
rgb(32,114,170)
-
#1973b1
#1973b1
rgb(25,115,177)
-
#1175b9
#1175b9
rgb(17,117,185)
-
#0976c1
#0976c1
rgb(9,118,193)
-
#0178c9
#0178c9
rgb(1,120,201)
Color Blindness Simulator
Below, you can see how #306f9a 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.