#304fb3 Color Information
In a RGB color space, hex #304fb3 is composed of 18.8% red, 31% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 55.9% magenta, 0% yellow and 29.8% black. It has a hue angle of 225.8 degrees, a saturation of 57.7% and a lightness of 44.5%. #304fb3 color hex could be obtained by blending #609eff with #000067. Closest websafe color is: #3366cc.
-
- R 19
- G 31
- B 70
-
- C 73
- M 56
- Y 0
- K 30
● #304fb3 color description : Moderate blue.
#304fb3 Color Conversion
The hexadecimal color #304fb3 has RGB values of R:48, G:79, B:179 and CMYK values of C:0.73, M:0.56, Y:0, K:0.3. Its decimal value is 3166131.
Hex triplet | 304fb3 | #304fb3 |
---|---|---|
RGB Decimal | 48, 79, 179 | rgb(48,79,179) |
RGB Percent | 18.8, 31, 70.2 | rgb(18.8%,31%,70.2%) |
CMYK | 73, 56, 0, 30 | |
HSL | 225.8°, 57.7, 44.5 | hsl(225.8,57.7%,44.5%) |
HSV (or HSB) | 225.8°, 73.2, 70.2 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 36.882, 23.934, -56.502 |
---|---|
XYZ | 12.15, 9.474, 43.834 |
xyY | 0.186, 0.145, 9.474 |
CIE-LCH | 36.882, 61.362, 292.958 |
CIE-LUV | 36.882, -13.315, -81.485 |
Hunter-Lab | 30.78, 16.594, -62.888 |
Binary | 00110000, 01001111, 10110011 |
Color Schemes with #304fb3
Alternatives to #304fb3
Below, you can see some colors close to #304fb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304fb3 Preview
This text has a font color of #304fb3.
<span style="color:#304fb3;">Text here</span>
This paragraph has a background color of #304fb3.
<p style="background-color:#304fb3;">Content here</p>
This element has a border color of #304fb3.
<div style="border:1px solid #304fb3;">Content here</div>
.text {color:#304fb3;}
.background {background-color:#304fb3;}
.border {border:1px solid #304fb3;}
Shades and Tints of #304fb3
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, #020409 is the darkest color, while #f8fafd is the lightest one.
-
#020409
#020409
rgb(2,4,9)
-
#070b18
#070b18
rgb(7,11,24)
-
#0b1228
#0b1228
rgb(11,18,40)
-
#0f1837
#0f1837
rgb(15,24,55)
-
#131f47
#131f47
rgb(19,31,71)
-
#172656
#172656
rgb(23,38,86)
-
#1b2d66
#1b2d66
rgb(27,45,102)
-
#1f3475
#1f3475
rgb(31,52,117)
-
#243b85
#243b85
rgb(36,59,133)
-
#284194
#284194
rgb(40,65,148)
-
#2c48a4
#2c48a4
rgb(44,72,164)
-
#304fb3
#304fb3
rgb(48,79,179)
-
#3456c2
#3456c2
rgb(52,86,194)
-
#3f60cb
#3f60cb
rgb(63,96,203)
-
#4e6dd0
#4e6dd0
rgb(78,109,208)
-
#5e7ad4
#5e7ad4
rgb(94,122,212)
-
#6d86d8
#6d86d8
rgb(109,134,216)
-
#7d93dc
#7d93dc
rgb(125,147,220)
-
#8ca0e0
#8ca0e0
rgb(140,160,224)
-
#9cade4
#9cade4
rgb(156,173,228)
-
#abbae8
#abbae8
rgb(171,186,232)
-
#bbc6ed
#bbc6ed
rgb(187,198,237)
-
#cad3f1
#cad3f1
rgb(202,211,241)
-
#d9e0f5
#d9e0f5
rgb(217,224,245)
-
#e9edf9
#e9edf9
rgb(233,237,249)
-
#f8fafd
#f8fafd
rgb(248,250,253)
Tones of #304fb3
A tone is produced by adding gray to any pure hue. In this case, #6d6f76 is the less saturated color, while #0438df is the most saturated one.
-
#6d6f76
#6d6f76
rgb(109,111,118)
-
#646b7f
#646b7f
rgb(100,107,127)
-
#5c6687
#5c6687
rgb(92,102,135)
-
#536190
#536190
rgb(83,97,144)
-
#4a5d99
#4a5d99
rgb(74,93,153)
-
#4158a2
#4158a2
rgb(65,88,162)
-
#3954aa
#3954aa
rgb(57,84,170)
-
#304fb3
#304fb3
rgb(48,79,179)
-
#274abc
#274abc
rgb(39,74,188)
-
#1f46c4
#1f46c4
rgb(31,70,196)
-
#1641cd
#1641cd
rgb(22,65,205)
-
#0d3dd6
#0d3dd6
rgb(13,61,214)
-
#0438df
#0438df
rgb(4,56,223)
Color Blindness Simulator
Below, you can see how #304fb3 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.