#3a7be3 Color Information
In a RGB color space, hex #3a7be3 is composed of 22.7% red, 48.2% green and 89% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 45.8% magenta, 0% yellow and 11% black. It has a hue angle of 216.9 degrees, a saturation of 75.1% and a lightness of 55.9%. #3a7be3 color hex could be obtained by blending #74f6ff with #0000c7. Closest websafe color is: #3366cc.
-
- R 23
- G 48
- B 89
-
- C 74
- M 46
- Y 0
- K 11
● #3a7be3 color description : Bright blue.
#3a7be3 Color Conversion
The hexadecimal color #3a7be3 has RGB values of R:58, G:123, B:227 and CMYK values of C:0.74, M:0.46, Y:0, K:0.11. Its decimal value is 3832803.
Hex triplet | 3a7be3 | #3a7be3 |
---|---|---|
RGB Decimal | 58, 123, 227 | rgb(58,123,227) |
RGB Percent | 22.7, 48.2, 89 | rgb(22.7%,48.2%,89%) |
CMYK | 74, 46, 0, 11 | |
HSL | 216.9°, 75.1, 55.9 | hsl(216.9,75.1%,55.9%) |
HSV (or HSB) | 216.9°, 74.4, 89 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 52.52, 14.827, -58.846 |
---|---|
XYZ | 22.69, 20.61, 75.451 |
xyY | 0.191, 0.174, 20.61 |
CIE-LCH | 52.52, 60.685, 284.142 |
CIE-LUV | 52.52, -24.063, -92.878 |
Hunter-Lab | 45.398, 9.768, -66.761 |
Binary | 00111010, 01111011, 11100011 |
Color Schemes with #3a7be3
Alternatives to #3a7be3
Below, you can see some colors close to #3a7be3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a7be3 Preview
This text has a font color of #3a7be3.
<span style="color:#3a7be3;">Text here</span>
This paragraph has a background color of #3a7be3.
<p style="background-color:#3a7be3;">Content here</p>
This element has a border color of #3a7be3.
<div style="border:1px solid #3a7be3;">Content here</div>
.text {color:#3a7be3;}
.background {background-color:#3a7be3;}
.border {border:1px solid #3a7be3;}
Shades and Tints of #3a7be3
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, #010409 is the darkest color, while #f7fafe is the lightest one.
-
#010409
#010409
rgb(1,4,9)
-
#040c1a
#040c1a
rgb(4,12,26)
-
#06152b
#06152b
rgb(6,21,43)
-
#091d3d
#091d3d
rgb(9,29,61)
-
#0b254e
#0b254e
rgb(11,37,78)
-
#0d2d5f
#0d2d5f
rgb(13,45,95)
-
#103570
#103570
rgb(16,53,112)
-
#123d81
#123d81
rgb(18,61,129)
-
#154592
#154592
rgb(21,69,146)
-
#174da4
#174da4
rgb(23,77,164)
-
#1a55b5
#1a55b5
rgb(26,85,181)
-
#1c5dc6
#1c5dc6
rgb(28,93,198)
-
#1f66d7
#1f66d7
rgb(31,102,215)
-
#296fe1
#296fe1
rgb(41,111,225)
-
#3a7be3
#3a7be3
rgb(58,123,227)
-
#4b87e5
#4b87e5
rgb(75,135,229)
-
#5c92e8
#5c92e8
rgb(92,146,232)
-
#6e9eea
#6e9eea
rgb(110,158,234)
-
#7fa9ed
#7fa9ed
rgb(127,169,237)
-
#90b5ef
#90b5ef
rgb(144,181,239)
-
#a1c0f2
#a1c0f2
rgb(161,192,242)
-
#b2ccf4
#b2ccf4
rgb(178,204,244)
-
#c3d7f7
#c3d7f7
rgb(195,215,247)
-
#d5e3f9
#d5e3f9
rgb(213,227,249)
-
#e6eefb
#e6eefb
rgb(230,238,251)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #3a7be3
A tone is produced by adding gray to any pure hue. In this case, #888d95 is the less saturated color, while #2075fd is the most saturated one.
-
#888d95
#888d95
rgb(136,141,149)
-
#7f8b9e
#7f8b9e
rgb(127,139,158)
-
#7789a6
#7789a6
rgb(119,137,166)
-
#6e87af
#6e87af
rgb(110,135,175)
-
#6585b8
#6585b8
rgb(101,133,184)
-
#5d83c0
#5d83c0
rgb(93,131,192)
-
#5481c9
#5481c9
rgb(84,129,201)
-
#4b7fd2
#4b7fd2
rgb(75,127,210)
-
#437dda
#437dda
rgb(67,125,218)
-
#3a7be3
#3a7be3
rgb(58,123,227)
-
#3179ec
#3179ec
rgb(49,121,236)
-
#2977f4
#2977f4
rgb(41,119,244)
-
#2075fd
#2075fd
rgb(32,117,253)
Color Blindness Simulator
Below, you can see how #3a7be3 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.