#306f99 Color Information
In a RGB color space, hex #306f99 is composed of 18.8% red, 43.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 27.5% magenta, 0% yellow and 40% black. It has a hue angle of 204 degrees, a saturation of 52.2% and a lightness of 39.4%. #306f99 color hex could be obtained by blending #60deff with #000033. Closest websafe color is: #336699.
-
- R 19
- G 44
- B 60
-
- C 69
- M 27
- Y 0
- K 40
● #306f99 color description : Dark moderate blue.
#306f99 Color Conversion
The hexadecimal color #306f99 has RGB values of R:48, G:111, B:153 and CMYK values of C:0.69, M:0.27, Y:0, K:0.4. Its decimal value is 3174297.
Hex triplet | 306f99 | #306f99 |
---|---|---|
RGB Decimal | 48, 111, 153 | rgb(48,111,153) |
RGB Percent | 18.8, 43.5, 60 | rgb(18.8%,43.5%,60%) |
CMYK | 69, 27, 0, 40 | |
HSL | 204°, 52.2, 39.4 | hsl(204,52.2%,39.4%) |
HSV (or HSB) | 204°, 68.6, 60 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.655, -6.149, -28.71 |
---|---|
XYZ | 12.652, 14.296, 32.228 |
xyY | 0.214, 0.242, 14.296 |
CIE-LCH | 44.655, 29.361, 257.911 |
CIE-LUV | 44.655, -24.114, -41.186 |
Hunter-Lab | 37.81, -6.44, -24.069 |
Binary | 00110000, 01101111, 10011001 |
Color Schemes with #306f99
Alternatives to #306f99
Below, you can see some colors close to #306f99. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306f99 Preview
This text has a font color of #306f99.
<span style="color:#306f99;">Text here</span>
This paragraph has a background color of #306f99.
<p style="background-color:#306f99;">Content here</p>
This element has a border color of #306f99.
<div style="border:1px solid #306f99;">Content here</div>
.text {color:#306f99;}
.background {background-color:#306f99;}
.border {border:1px solid #306f99;}
Shades and Tints of #306f99
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 #f4f8fb is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#060e13
#060e13
rgb(6,14,19)
-
#0b1822
#0b1822
rgb(11,24,34)
-
#0f2330
#0f2330
rgb(15,35,48)
-
#142e3f
#142e3f
rgb(20,46,63)
-
#19394e
#19394e
rgb(25,57,78)
-
#1d445d
#1d445d
rgb(29,68,93)
-
#224f6c
#224f6c
rgb(34,79,108)
-
#27597b
#27597b
rgb(39,89,123)
-
#2b648a
#2b648a
rgb(43,100,138)
-
#306f99
#306f99
rgb(48,111,153)
-
#357aa8
#357aa8
rgb(53,122,168)
-
#3985b7
#3985b7
rgb(57,133,183)
-
#418fc3
#418fc3
rgb(65,143,195)
-
#5098c8
#5098c8
rgb(80,152,200)
-
#5ea1cd
#5ea1cd
rgb(94,161,205)
-
#6da9d1
#6da9d1
rgb(109,169,209)
-
#7cb2d6
#7cb2d6
rgb(124,178,214)
-
#8bbbdb
#8bbbdb
rgb(139,187,219)
-
#9ac4df
#9ac4df
rgb(154,196,223)
-
#a9cce4
#a9cce4
rgb(169,204,228)
-
#b8d5e9
#b8d5e9
rgb(184,213,233)
-
#c7deed
#c7deed
rgb(199,222,237)
-
#d6e7f2
#d6e7f2
rgb(214,231,242)
-
#e5f0f7
#e5f0f7
rgb(229,240,247)
-
#f4f8fb
#f4f8fb
rgb(244,248,251)
Tones of #306f99
A tone is produced by adding gray to any pure hue. In this case, #5e666b is the less saturated color, while #0278c7 is the most saturated one.
-
#5e666b
#5e666b
rgb(94,102,107)
-
#576772
#576772
rgb(87,103,114)
-
#4f697a
#4f697a
rgb(79,105,122)
-
#476a82
#476a82
rgb(71,106,130)
-
#3f6c8a
#3f6c8a
rgb(63,108,138)
-
#386d91
#386d91
rgb(56,109,145)
-
#306f99
#306f99
rgb(48,111,153)
-
#2871a1
#2871a1
rgb(40,113,161)
-
#2172a8
#2172a8
rgb(33,114,168)
-
#1974b0
#1974b0
rgb(25,116,176)
-
#1175b8
#1175b8
rgb(17,117,184)
-
#0977c0
#0977c0
rgb(9,119,192)
-
#0278c7
#0278c7
rgb(2,120,199)
Color Blindness Simulator
Below, you can see how #306f99 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.