#307aee Color Information
In a RGB color space, hex #307aee is composed of 18.8% red, 47.8% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 48.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 216.6 degrees, a saturation of 84.8% and a lightness of 56.1%. #307aee color hex could be obtained by blending #60f4ff with #0000dd. Closest websafe color is: #3366ff.
-
- R 19
- G 48
- B 93
-
- C 80
- M 49
- Y 0
- K 7
● #307aee color description : Bright blue.
#307aee Color Conversion
The hexadecimal color #307aee has RGB values of R:48, G:122, B:238 and CMYK values of C:0.8, M:0.49, Y:0, K:0.07. Its decimal value is 3177198.
Hex triplet | 307aee | #307aee |
---|---|---|
RGB Decimal | 48, 122, 238 | rgb(48,122,238) |
RGB Percent | 18.8, 47.8, 93.3 | rgb(18.8%,47.8%,93.3%) |
CMYK | 80, 49, 0, 7 | |
HSL | 216.6°, 84.8, 56.1 | hsl(216.6,84.8%,56.1%) |
HSV (or HSB) | 216.6°, 79.8, 93.3 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 52.64, 18.435, -64.822 |
---|---|
XYZ | 23.608, 20.719, 83.639 |
xyY | 0.184, 0.162, 20.719 |
CIE-LCH | 52.64, 67.392, 285.876 |
CIE-LUV | 52.64, -24.98, -102.48 |
Hunter-Lab | 45.518, 12.923, -77.083 |
Binary | 00110000, 01111010, 11101110 |
Color Schemes with #307aee
Alternatives to #307aee
Below, you can see some colors close to #307aee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#307aee Preview
This text has a font color of #307aee.
<span style="color:#307aee;">Text here</span>
This paragraph has a background color of #307aee.
<p style="background-color:#307aee;">Content here</p>
This element has a border color of #307aee.
<div style="border:1px solid #307aee;">Content here</div>
.text {color:#307aee;}
.background {background-color:#307aee;}
.border {border:1px solid #307aee;}
Shades and Tints of #307aee
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, #01050b is the darkest color, while #f7fafe is the lightest one.
-
#01050b
#01050b
rgb(1,5,11)
-
#020d1d
#020d1d
rgb(2,13,29)
-
#04152f
#04152f
rgb(4,21,47)
-
#051d41
#051d41
rgb(5,29,65)
-
#072553
#072553
rgb(7,37,83)
-
#082c65
#082c65
rgb(8,44,101)
-
#0a3477
#0a3477
rgb(10,52,119)
-
#0b3c89
#0b3c89
rgb(11,60,137)
-
#0d449c
#0d449c
rgb(13,68,156)
-
#0e4cae
#0e4cae
rgb(14,76,174)
-
#1054c0
#1054c0
rgb(16,84,192)
-
#115cd2
#115cd2
rgb(17,92,210)
-
#1364e4
#1364e4
rgb(19,100,228)
-
#1e6eed
#1e6eed
rgb(30,110,237)
-
#307aee
#307aee
rgb(48,122,238)
-
#4286ef
#4286ef
rgb(66,134,239)
-
#5491f1
#5491f1
rgb(84,145,241)
-
#669df2
#669df2
rgb(102,157,242)
-
#79a9f4
#79a9f4
rgb(121,169,244)
-
#8bb4f5
#8bb4f5
rgb(139,180,245)
-
#9dc0f7
#9dc0f7
rgb(157,192,247)
-
#afccf8
#afccf8
rgb(175,204,248)
-
#c1d7fa
#c1d7fa
rgb(193,215,250)
-
#d3e3fb
#d3e3fb
rgb(211,227,251)
-
#e5eefd
#e5eefd
rgb(229,238,253)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #307aee
A tone is produced by adding gray to any pure hue. In this case, #8f8f8f is the less saturated color, while #2778f7 is the most saturated one.
-
#8f8f8f
#8f8f8f
rgb(143,143,143)
-
#868d98
#868d98
rgb(134,141,152)
-
#7e8ba0
#7e8ba0
rgb(126,139,160)
-
#7589a9
#7589a9
rgb(117,137,169)
-
#6c87b2
#6c87b2
rgb(108,135,178)
-
#6485ba
#6485ba
rgb(100,133,186)
-
#5b84c3
#5b84c3
rgb(91,132,195)
-
#5282cc
#5282cc
rgb(82,130,204)
-
#4a80d4
#4a80d4
rgb(74,128,212)
-
#417edd
#417edd
rgb(65,126,221)
-
#397ce5
#397ce5
rgb(57,124,229)
-
#307aee
#307aee
rgb(48,122,238)
-
#2778f7
#2778f7
rgb(39,120,247)
Color Blindness Simulator
Below, you can see how #307aee 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.