#304af2 Color Information
In a RGB color space, hex #304af2 is composed of 18.8% red, 29% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 69.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 232 degrees, a saturation of 88.2% and a lightness of 56.9%. #304af2 color hex could be obtained by blending #6094ff with #0000e5. Closest websafe color is: #3333ff.
-
- R 19
- G 29
- B 95
-
- C 80
- M 69
- Y 0
- K 5
● #304af2 color description : Bright blue.
#304af2 Color Conversion
The hexadecimal color #304af2 has RGB values of R:48, G:74, B:242 and CMYK values of C:0.8, M:0.69, Y:0, K:0.05. Its decimal value is 3164914.
Hex triplet | 304af2 | #304af2 |
---|---|---|
RGB Decimal | 48, 74, 242 | rgb(48,74,242) |
RGB Percent | 18.8, 29, 94.9 | rgb(18.8%,29%,94.9%) |
CMYK | 80, 69, 0, 5 | |
HSL | 232°, 88.2, 56.9 | hsl(232,88.2%,56.9%) |
HSV (or HSB) | 232°, 80.2, 94.9 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 41.113, 49.68, -85.875 |
---|---|
XYZ | 19.691, 11.935, 85.265 |
xyY | 0.168, 0.102, 11.935 |
CIE-LCH | 41.113, 99.21, 300.05 |
CIE-LUV | 41.113, -13.118, -123.999 |
Hunter-Lab | 34.548, 41.283, -122.148 |
Binary | 00110000, 01001010, 11110010 |
Color Schemes with #304af2
Alternatives to #304af2
Below, you can see some colors close to #304af2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304af2 Preview
This text has a font color of #304af2.
<span style="color:#304af2;">Text here</span>
This paragraph has a background color of #304af2.
<p style="background-color:#304af2;">Content here</p>
This element has a border color of #304af2.
<div style="border:1px solid #304af2;">Content here</div>
.text {color:#304af2;}
.background {background-color:#304af2;}
.border {border:1px solid #304af2;}
Shades and Tints of #304af2
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, #01030e is the darkest color, while #fbfcff is the lightest one.
-
#01030e
#01030e
rgb(1,3,14)
-
#020621
#020621
rgb(2,6,33)
-
#030a33
#030a33
rgb(3,10,51)
-
#040d46
#040d46
rgb(4,13,70)
-
#061158
#061158
rgb(6,17,88)
-
#07146b
#07146b
rgb(7,20,107)
-
#08187d
#08187d
rgb(8,24,125)
-
#091b90
#091b90
rgb(9,27,144)
-
#0a1fa2
#0a1fa2
rgb(10,31,162)
-
#0b22b5
#0b22b5
rgb(11,34,181)
-
#0d25c7
#0d25c7
rgb(13,37,199)
-
#0e29d9
#0e29d9
rgb(14,41,217)
-
#0f2cec
#0f2cec
rgb(15,44,236)
-
#1e3af1
#1e3af1
rgb(30,58,241)
-
#304af2
#304af2
rgb(48,74,242)
-
#425af3
#425af3
rgb(66,90,243)
-
#556af4
#556af4
rgb(85,106,244)
-
#677af5
#677af5
rgb(103,122,245)
-
#7a8bf7
#7a8bf7
rgb(122,139,247)
-
#8c9bf8
#8c9bf8
rgb(140,155,248)
-
#9fabf9
#9fabf9
rgb(159,171,249)
-
#b1bbfa
#b1bbfa
rgb(177,187,250)
-
#c4cbfb
#c4cbfb
rgb(196,203,251)
-
#d6dbfc
#d6dbfc
rgb(214,219,252)
-
#e9ebfe
#e9ebfe
rgb(233,235,254)
-
#fbfcff
#fbfcff
rgb(251,252,255)
Tones of #304af2
A tone is produced by adding gray to any pure hue. In this case, #8d8e95 is the less saturated color, while #2844fa is the most saturated one.
-
#8d8e95
#8d8e95
rgb(141,142,149)
-
#85889d
#85889d
rgb(133,136,157)
-
#7c82a6
#7c82a6
rgb(124,130,166)
-
#747cae
#747cae
rgb(116,124,174)
-
#6b75b7
#6b75b7
rgb(107,117,183)
-
#636fbf
#636fbf
rgb(99,111,191)
-
#5a69c8
#5a69c8
rgb(90,105,200)
-
#5263d0
#5263d0
rgb(82,99,208)
-
#495dd9
#495dd9
rgb(73,93,217)
-
#4156e1
#4156e1
rgb(65,86,225)
-
#3850ea
#3850ea
rgb(56,80,234)
-
#304af2
#304af2
rgb(48,74,242)
-
#2844fa
#2844fa
rgb(40,68,250)
Color Blindness Simulator
Below, you can see how #304af2 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.