#304aaf Color Information
In a RGB color space, hex #304aaf is composed of 18.8% red, 29% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 57.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 227.7 degrees, a saturation of 57% and a lightness of 43.7%. #304aaf color hex could be obtained by blending #6094ff with #00005f. Closest websafe color is: #333399.
-
- R 19
- G 29
- B 69
-
- C 73
- M 58
- Y 0
- K 31
● #304aaf color description : Dark blue.
#304aaf Color Conversion
The hexadecimal color #304aaf has RGB values of R:48, G:74, B:175 and CMYK values of C:0.73, M:0.58, Y:0, K:0.31. Its decimal value is 3164847.
Hex triplet | 304aaf | #304aaf |
---|---|---|
RGB Decimal | 48, 74, 175 | rgb(48,74,175) |
RGB Percent | 18.8, 29, 68.6 | rgb(18.8%,29%,68.6%) |
CMYK | 73, 58, 0, 31 | |
HSL | 227.7°, 57, 43.7 | hsl(227.7,57%,43.7%) |
HSV (or HSB) | 227.7°, 72.6, 68.6 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 35.243, 25.735, -56.796 |
---|---|
XYZ | 11.404, 8.62, 41.618 |
xyY | 0.185, 0.14, 8.62 |
CIE-LCH | 35.243, 62.354, 294.376 |
CIE-LUV | 35.243, -11.944, -80.723 |
Hunter-Lab | 29.36, 17.951, -63.49 |
Binary | 00110000, 01001010, 10101111 |
Color Schemes with #304aaf
Alternatives to #304aaf
Below, you can see some colors close to #304aaf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304aaf Preview
This text has a font color of #304aaf.
<span style="color:#304aaf;">Text here</span>
This paragraph has a background color of #304aaf.
<p style="background-color:#304aaf;">Content here</p>
This element has a border color of #304aaf.
<div style="border:1px solid #304aaf;">Content here</div>
.text {color:#304aaf;}
.background {background-color:#304aaf;}
.border {border:1px solid #304aaf;}
Shades and Tints of #304aaf
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, #020206 is the darkest color, while #f5f7fc is the lightest one.
-
#020206
#020206
rgb(2,2,6)
-
#060915
#060915
rgb(6,9,21)
-
#0a0f24
#0a0f24
rgb(10,15,36)
-
#0e1634
#0e1634
rgb(14,22,52)
-
#121c43
#121c43
rgb(18,28,67)
-
#172353
#172353
rgb(23,35,83)
-
#1b2962
#1b2962
rgb(27,41,98)
-
#1f3071
#1f3071
rgb(31,48,113)
-
#233681
#233681
rgb(35,54,129)
-
#283d90
#283d90
rgb(40,61,144)
-
#2c43a0
#2c43a0
rgb(44,67,160)
-
#304aaf
#304aaf
rgb(48,74,175)
-
#3451be
#3451be
rgb(52,81,190)
-
#3d59ca
#3d59ca
rgb(61,89,202)
-
#4c67ce
#4c67ce
rgb(76,103,206)
-
#5b74d2
#5b74d2
rgb(91,116,210)
-
#6b81d6
#6b81d6
rgb(107,129,214)
-
#7a8edb
#7a8edb
rgb(122,142,219)
-
#8a9bdf
#8a9bdf
rgb(138,155,223)
-
#99a8e3
#99a8e3
rgb(153,168,227)
-
#a8b5e7
#a8b5e7
rgb(168,181,231)
-
#b8c2eb
#b8c2eb
rgb(184,194,235)
-
#c7cff0
#c7cff0
rgb(199,207,240)
-
#d6ddf4
#d6ddf4
rgb(214,221,244)
-
#e6eaf8
#e6eaf8
rgb(230,234,248)
-
#f5f7fc
#f5f7fc
rgb(245,247,252)
Tones of #304aaf
A tone is produced by adding gray to any pure hue. In this case, #6c6d73 is the less saturated color, while #0531da is the most saturated one.
-
#6c6d73
#6c6d73
rgb(108,109,115)
-
#63687c
#63687c
rgb(99,104,124)
-
#5b6384
#5b6384
rgb(91,99,132)
-
#525e8d
#525e8d
rgb(82,94,141)
-
#4a5995
#4a5995
rgb(74,89,149)
-
#41549e
#41549e
rgb(65,84,158)
-
#394fa6
#394fa6
rgb(57,79,166)
-
#304aaf
#304aaf
rgb(48,74,175)
-
#2745b8
#2745b8
rgb(39,69,184)
-
#1f40c0
#1f40c0
rgb(31,64,192)
-
#163bc9
#163bc9
rgb(22,59,201)
-
#0e36d1
#0e36d1
rgb(14,54,209)
-
#0531da
#0531da
rgb(5,49,218)
Color Blindness Simulator
Below, you can see how #304aaf 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.