#357ac4 Color Information
In a RGB color space, hex #357ac4 is composed of 20.8% red, 47.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 37.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 211 degrees, a saturation of 57.4% and a lightness of 48.8%. #357ac4 color hex could be obtained by blending #6af4ff with #000089. Closest websafe color is: #3366cc.
-
- R 21
- G 48
- B 77
-
- C 73
- M 38
- Y 0
- K 23
● #357ac4 color description : Moderate blue.
#357ac4 Color Conversion
The hexadecimal color #357ac4 has RGB values of R:53, G:122, B:196 and CMYK values of C:0.73, M:0.38, Y:0, K:0.23. Its decimal value is 3504836.
Hex triplet | 357ac4 | #357ac4 |
---|---|---|
RGB Decimal | 53, 122, 196 | rgb(53,122,196) |
RGB Percent | 20.8, 47.8, 76.9 | rgb(20.8%,47.8%,76.9%) |
CMYK | 73, 38, 0, 23 | |
HSL | 211°, 57.4, 48.8 | hsl(211,57.4%,48.8%) |
HSV (or HSB) | 211°, 73, 76.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 50.287, 3.466, -44.852 |
---|---|
XYZ | 18.389, 18.66, 54.854 |
xyY | 0.2, 0.203, 18.66 |
CIE-LCH | 50.287, 44.986, 274.419 |
CIE-LUV | 50.287, -25.443, -68.968 |
Hunter-Lab | 43.197, 0.393, -45.051 |
Binary | 00110101, 01111010, 11000100 |
Color Schemes with #357ac4
Alternatives to #357ac4
Below, you can see some colors close to #357ac4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#357ac4 Preview
This text has a font color of #357ac4.
<span style="color:#357ac4;">Text here</span>
This paragraph has a background color of #357ac4.
<p style="background-color:#357ac4;">Content here</p>
This element has a border color of #357ac4.
<div style="border:1px solid #357ac4;">Content here</div>
.text {color:#357ac4;}
.background {background-color:#357ac4;}
.border {border:1px solid #357ac4;}
Shades and Tints of #357ac4
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, #03070b is the darkest color, while #fafcfe is the lightest one.
-
#03070b
#03070b
rgb(3,7,11)
-
#07101a
#07101a
rgb(7,16,26)
-
#0b1a2a
#0b1a2a
rgb(11,26,42)
-
#0f2439
#0f2439
rgb(15,36,57)
-
#142d48
#142d48
rgb(20,45,72)
-
#183758
#183758
rgb(24,55,88)
-
#1c4067
#1c4067
rgb(28,64,103)
-
#204a77
#204a77
rgb(32,74,119)
-
#245486
#245486
rgb(36,84,134)
-
#285d96
#285d96
rgb(40,93,150)
-
#2d67a5
#2d67a5
rgb(45,103,165)
-
#3170b5
#3170b5
rgb(49,112,181)
-
#357ac4
#357ac4
rgb(53,122,196)
-
#4184cc
#4184cc
rgb(65,132,204)
-
#508ed0
#508ed0
rgb(80,142,208)
-
#6098d4
#6098d4
rgb(96,152,212)
-
#6fa2d8
#6fa2d8
rgb(111,162,216)
-
#7facdc
#7facdc
rgb(127,172,220)
-
#8eb6e0
#8eb6e0
rgb(142,182,224)
-
#9ec0e5
#9ec0e5
rgb(158,192,229)
-
#adcae9
#adcae9
rgb(173,202,233)
-
#bdd4ed
#bdd4ed
rgb(189,212,237)
-
#ccdef1
#ccdef1
rgb(204,222,241)
-
#dbe8f5
#dbe8f5
rgb(219,232,245)
-
#ebf2fa
#ebf2fa
rgb(235,242,250)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #357ac4
A tone is produced by adding gray to any pure hue. In this case, #787c81 is the less saturated color, while #0578f4 is the most saturated one.
-
#787c81
#787c81
rgb(120,124,129)
-
#6e7c8b
#6e7c8b
rgb(110,124,139)
-
#657c94
#657c94
rgb(101,124,148)
-
#5b7b9e
#5b7b9e
rgb(91,123,158)
-
#527ba7
#527ba7
rgb(82,123,167)
-
#487bb1
#487bb1
rgb(72,123,177)
-
#3f7aba
#3f7aba
rgb(63,122,186)
-
#357ac4
#357ac4
rgb(53,122,196)
-
#2b7ace
#2b7ace
rgb(43,122,206)
-
#2279d7
#2279d7
rgb(34,121,215)
-
#1879e1
#1879e1
rgb(24,121,225)
-
#0f79ea
#0f79ea
rgb(15,121,234)
-
#0578f4
#0578f4
rgb(5,120,244)
Color Blindness Simulator
Below, you can see how #357ac4 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.