#304fcc Color Information
In a RGB color space, hex #304fcc is composed of 18.8% red, 31% green and 80% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 61.3% magenta, 0% yellow and 20% black. It has a hue angle of 228.1 degrees, a saturation of 61.9% and a lightness of 49.4%. #304fcc color hex could be obtained by blending #609eff with #000099. Closest websafe color is: #3366cc.
-
- R 19
- G 31
- B 80
-
- C 76
- M 61
- Y 0
- K 20
● #304fcc color description : Strong blue.
#304fcc Color Conversion
The hexadecimal color #304fcc has RGB values of R:48, G:79, B:204 and CMYK values of C:0.76, M:0.61, Y:0, K:0.2. Its decimal value is 3166156.
Hex triplet | 304fcc | #304fcc |
---|---|---|
RGB Decimal | 48, 79, 204 | rgb(48,79,204) |
RGB Percent | 18.8, 31, 80 | rgb(18.8%,31%,80%) |
CMYK | 76, 61, 0, 20 | |
HSL | 228.1°, 61.9, 49.4 | hsl(228.1,61.9%,49.4%) |
HSV (or HSB) | 228.1°, 76.5, 80 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 38.862, 33.196, -67.889 |
---|---|
XYZ | 14.912, 10.579, 58.379 |
xyY | 0.178, 0.126, 10.579 |
CIE-LCH | 38.862, 75.57, 296.057 |
CIE-LUV | 38.862, -13.54, -98.676 |
Hunter-Lab | 32.525, 24.917, -83.652 |
Binary | 00110000, 01001111, 11001100 |
Color Schemes with #304fcc
Alternatives to #304fcc
Below, you can see some colors close to #304fcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304fcc Preview
This text has a font color of #304fcc.
<span style="color:#304fcc;">Text here</span>
This paragraph has a background color of #304fcc.
<p style="background-color:#304fcc;">Content here</p>
This element has a border color of #304fcc.
<div style="border:1px solid #304fcc;">Content here</div>
.text {color:#304fcc;}
.background {background-color:#304fcc;}
.border {border:1px solid #304fcc;}
Shades and Tints of #304fcc
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, #03050d is the darkest color, while #fdfdfe is the lightest one.
-
#03050d
#03050d
rgb(3,5,13)
-
#070b1d
#070b1d
rgb(7,11,29)
-
#0b122d
#0b122d
rgb(11,18,45)
-
#0e183d
#0e183d
rgb(14,24,61)
-
#121e4d
#121e4d
rgb(18,30,77)
-
#16245d
#16245d
rgb(22,36,93)
-
#1a2a6d
#1a2a6d
rgb(26,42,109)
-
#1d307d
#1d307d
rgb(29,48,125)
-
#21368c
#21368c
rgb(33,54,140)
-
#253d9c
#253d9c
rgb(37,61,156)
-
#2943ac
#2943ac
rgb(41,67,172)
-
#2c49bc
#2c49bc
rgb(44,73,188)
-
#304fcc
#304fcc
rgb(48,79,204)
-
#3e5bd2
#3e5bd2
rgb(62,91,210)
-
#4e69d5
#4e69d5
rgb(78,105,213)
-
#5e76d9
#5e76d9
rgb(94,118,217)
-
#6e84dd
#6e84dd
rgb(110,132,221)
-
#7e91e1
#7e91e1
rgb(126,145,225)
-
#8d9fe4
#8d9fe4
rgb(141,159,228)
-
#9dace8
#9dace8
rgb(157,172,232)
-
#adbaec
#adbaec
rgb(173,186,236)
-
#bdc7ef
#bdc7ef
rgb(189,199,239)
-
#cdd5f3
#cdd5f3
rgb(205,213,243)
-
#dde2f7
#dde2f7
rgb(221,226,247)
-
#edeffb
#edeffb
rgb(237,239,251)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #304fcc
A tone is produced by adding gray to any pure hue. In this case, #7e7e7e is the less saturated color, while #0938f3 is the most saturated one.
-
#7e7e7e
#7e7e7e
rgb(126,126,126)
-
#747888
#747888
rgb(116,120,136)
-
#6a7292
#6a7292
rgb(106,114,146)
-
#606c9c
#606c9c
rgb(96,108,156)
-
#5766a5
#5766a5
rgb(87,102,165)
-
#4d61af
#4d61af
rgb(77,97,175)
-
#435bb9
#435bb9
rgb(67,91,185)
-
#3a55c2
#3a55c2
rgb(58,85,194)
-
#304fcc
#304fcc
rgb(48,79,204)
-
#2649d6
#2649d6
rgb(38,73,214)
-
#1d43df
#1d43df
rgb(29,67,223)
-
#133de9
#133de9
rgb(19,61,233)
-
#0938f3
#0938f3
rgb(9,56,243)
Color Blindness Simulator
Below, you can see how #304fcc 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.