#304699 Color Information
In a RGB color space, hex #304699 is composed of 18.8% red, 27.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 54.2% magenta, 0% yellow and 40% black. It has a hue angle of 227.4 degrees, a saturation of 52.2% and a lightness of 39.4%. #304699 color hex could be obtained by blending #608cff with #000033. Closest websafe color is: #333399.
-
- R 19
- G 27
- B 60
-
- C 69
- M 54
- Y 0
- K 40
● #304699 color description : Dark moderate blue.
#304699 Color Conversion
The hexadecimal color #304699 has RGB values of R:48, G:70, B:153 and CMYK values of C:0.69, M:0.54, Y:0, K:0.4. Its decimal value is 3163801.
Hex triplet | 304699 | #304699 |
---|---|---|
RGB Decimal | 48, 70, 153 | rgb(48,70,153) |
RGB Percent | 18.8, 27.5, 60 | rgb(18.8%,27.5%,60%) |
CMYK | 69, 54, 0, 40 | |
HSL | 227.4°, 52.2, 39.4 | hsl(227.4,52.2%,39.4%) |
HSV (or HSB) | 227.4°, 68.6, 60 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 32.498, 20.176, -48.044 |
---|---|
XYZ | 9.158, 7.308, 31.063 |
xyY | 0.193, 0.154, 7.308 |
CIE-LCH | 32.498, 52.108, 292.78 |
CIE-LUV | 32.498, -10.574, -66.769 |
Hunter-Lab | 27.033, 13.159, -49.205 |
Binary | 00110000, 01000110, 10011001 |
Color Schemes with #304699
Alternatives to #304699
Below, you can see some colors close to #304699. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304699 Preview
This text has a font color of #304699.
<span style="color:#304699;">Text here</span>
This paragraph has a background color of #304699.
<p style="background-color:#304699;">Content here</p>
This element has a border color of #304699.
<div style="border:1px solid #304699;">Content here</div>
.text {color:#304699;}
.background {background-color:#304699;}
.border {border:1px solid #304699;}
Shades and Tints of #304699
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, #010204 is the darkest color, while #f4f5fb is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#060913
#060913
rgb(6,9,19)
-
#0b0f22
#0b0f22
rgb(11,15,34)
-
#0f1630
#0f1630
rgb(15,22,48)
-
#141d3f
#141d3f
rgb(20,29,63)
-
#19244e
#19244e
rgb(25,36,78)
-
#1d2b5d
#1d2b5d
rgb(29,43,93)
-
#22326c
#22326c
rgb(34,50,108)
-
#27387b
#27387b
rgb(39,56,123)
-
#2b3f8a
#2b3f8a
rgb(43,63,138)
-
#304699
#304699
rgb(48,70,153)
-
#354da8
#354da8
rgb(53,77,168)
-
#3954b7
#3954b7
rgb(57,84,183)
-
#415cc3
#415cc3
rgb(65,92,195)
-
#5069c8
#5069c8
rgb(80,105,200)
-
#5e76cd
#5e76cd
rgb(94,118,205)
-
#6d82d1
#6d82d1
rgb(109,130,209)
-
#7c8fd6
#7c8fd6
rgb(124,143,214)
-
#8b9cdb
#8b9cdb
rgb(139,156,219)
-
#9aa9df
#9aa9df
rgb(154,169,223)
-
#a9b5e4
#a9b5e4
rgb(169,181,228)
-
#b8c2e9
#b8c2e9
rgb(184,194,233)
-
#c7cfed
#c7cfed
rgb(199,207,237)
-
#d6dcf2
#d6dcf2
rgb(214,220,242)
-
#e5e9f7
#e5e9f7
rgb(229,233,247)
-
#f4f5fb
#f4f5fb
rgb(244,245,251)
Tones of #304699
A tone is produced by adding gray to any pure hue. In this case, #5e616b is the less saturated color, while #022bc7 is the most saturated one.
-
#5e616b
#5e616b
rgb(94,97,107)
-
#575c72
#575c72
rgb(87,92,114)
-
#4f587a
#4f587a
rgb(79,88,122)
-
#475382
#475382
rgb(71,83,130)
-
#3f4f8a
#3f4f8a
rgb(63,79,138)
-
#384a91
#384a91
rgb(56,74,145)
-
#304699
#304699
rgb(48,70,153)
-
#2842a1
#2842a1
rgb(40,66,161)
-
#213da8
#213da8
rgb(33,61,168)
-
#1939b0
#1939b0
rgb(25,57,176)
-
#1134b8
#1134b8
rgb(17,52,184)
-
#0930c0
#0930c0
rgb(9,48,192)
-
#022bc7
#022bc7
rgb(2,43,199)
Color Blindness Simulator
Below, you can see how #304699 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.