#3a97e4 Color Information
In a RGB color space, hex #3a97e4 is composed of 22.7% red, 59.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 33.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 207.2 degrees, a saturation of 75.9% and a lightness of 56.1%. #3a97e4 color hex could be obtained by blending #74ffff with #002fc9. Closest websafe color is: #3399cc.
-
- R 23
- G 59
- B 89
-
- C 75
- M 34
- Y 0
- K 11
● #3a97e4 color description : Bright blue.
#3a97e4 Color Conversion
The hexadecimal color #3a97e4 has RGB values of R:58, G:151, B:228 and CMYK values of C:0.75, M:0.34, Y:0, K:0.11. Its decimal value is 3839972.
Hex triplet | 3a97e4 | #3a97e4 |
---|---|---|
RGB Decimal | 58, 151, 228 | rgb(58,151,228) |
RGB Percent | 22.7, 59.2, 89.4 | rgb(22.7%,59.2%,89.4%) |
CMYK | 75, 34, 0, 11 | |
HSL | 207.2°, 75.9, 56.1 | hsl(207.2,75.9%,56.1%) |
HSV (or HSB) | 207.2°, 74.6, 89.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 60.455, -1.631, -46.757 |
---|---|
XYZ | 26.812, 28.632, 77.508 |
xyY | 0.202, 0.215, 28.632 |
CIE-LCH | 60.455, 46.786, 268.002 |
CIE-LUV | 60.455, -33.12, -74.06 |
Hunter-Lab | 53.509, -4.199, -48.426 |
Binary | 00111010, 10010111, 11100100 |
Color Schemes with #3a97e4
Alternatives to #3a97e4
Below, you can see some colors close to #3a97e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a97e4 Preview
This text has a font color of #3a97e4.
<span style="color:#3a97e4;">Text here</span>
This paragraph has a background color of #3a97e4.
<p style="background-color:#3a97e4;">Content here</p>
This element has a border color of #3a97e4.
<div style="border:1px solid #3a97e4;">Content here</div>
.text {color:#3a97e4;}
.background {background-color:#3a97e4;}
.border {border:1px solid #3a97e4;}
Shades and Tints of #3a97e4
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, #01060a is the darkest color, while #f8fbfe is the lightest one.
-
#01060a
#01060a
rgb(1,6,10)
-
#04111b
#04111b
rgb(4,17,27)
-
#061b2d
#061b2d
rgb(6,27,45)
-
#08263e
#08263e
rgb(8,38,62)
-
#0b304f
#0b304f
rgb(11,48,79)
-
#0d3b60
#0d3b60
rgb(13,59,96)
-
#104572
#104572
rgb(16,69,114)
-
#125083
#125083
rgb(18,80,131)
-
#145a94
#145a94
rgb(20,90,148)
-
#1765a5
#1765a5
rgb(23,101,165)
-
#196fb7
#196fb7
rgb(25,111,183)
-
#1b7ac8
#1b7ac8
rgb(27,122,200)
-
#1e84d9
#1e84d9
rgb(30,132,217)
-
#298ee2
#298ee2
rgb(41,142,226)
-
#3a97e4
#3a97e4
rgb(58,151,228)
-
#4ba0e6
#4ba0e6
rgb(75,160,230)
-
#5da9e9
#5da9e9
rgb(93,169,233)
-
#6eb2eb
#6eb2eb
rgb(110,178,235)
-
#7fbbed
#7fbbed
rgb(127,187,237)
-
#90c5f0
#90c5f0
rgb(144,197,240)
-
#a2cef2
#a2cef2
rgb(162,206,242)
-
#b3d7f5
#b3d7f5
rgb(179,215,245)
-
#c4e0f7
#c4e0f7
rgb(196,224,247)
-
#d5e9f9
#d5e9f9
rgb(213,233,249)
-
#e7f2fc
#e7f2fc
rgb(231,242,252)
-
#f8fbfe
#f8fbfe
rgb(248,251,254)
Tones of #3a97e4
A tone is produced by adding gray to any pure hue. In this case, #889096 is the less saturated color, while #2099fe is the most saturated one.
-
#889096
#889096
rgb(136,144,150)
-
#7f919f
#7f919f
rgb(127,145,159)
-
#7691a8
#7691a8
rgb(118,145,168)
-
#6e92b0
#6e92b0
rgb(110,146,176)
-
#6593b9
#6593b9
rgb(101,147,185)
-
#5c94c2
#5c94c2
rgb(92,148,194)
-
#5495ca
#5495ca
rgb(84,149,202)
-
#4b95d3
#4b95d3
rgb(75,149,211)
-
#4396db
#4396db
rgb(67,150,219)
-
#3a97e4
#3a97e4
rgb(58,151,228)
-
#3198ed
#3198ed
rgb(49,152,237)
-
#2999f5
#2999f5
rgb(41,153,245)
-
#2099fe
#2099fe
rgb(32,153,254)
Color Blindness Simulator
Below, you can see how #3a97e4 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.