#356fc2 Color Information
In a RGB color space, hex #356fc2 is composed of 20.8% red, 43.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 42.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 215.3 degrees, a saturation of 57.1% and a lightness of 48.4%. #356fc2 color hex could be obtained by blending #6adeff with #000085. Closest websafe color is: #3366cc.
-
- R 21
- G 44
- B 76
-
- C 73
- M 43
- Y 0
- K 24
● #356fc2 color description : Moderate blue.
#356fc2 Color Conversion
The hexadecimal color #356fc2 has RGB values of R:53, G:111, B:194 and CMYK values of C:0.73, M:0.43, Y:0, K:0.24. Its decimal value is 3502018.
Hex triplet | 356fc2 | #356fc2 |
---|---|---|
RGB Decimal | 53, 111, 194 | rgb(53,111,194) |
RGB Percent | 20.8, 43.5, 76.1 | rgb(20.8%,43.5%,76.1%) |
CMYK | 73, 43, 0, 24 | |
HSL | 215.3°, 57.1, 48.4 | hsl(215.3,57.1%,48.4%) |
HSV (or HSB) | 215.3°, 72.7, 76.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47, 9.541, -48.941 |
---|---|
XYZ | 16.888, 16.02, 53.238 |
xyY | 0.196, 0.186, 16.02 |
CIE-LCH | 47, 49.862, 281.031 |
CIE-LUV | 47, -21.876, -74.85 |
Hunter-Lab | 40.024, 5.274, -50.847 |
Binary | 00110101, 01101111, 11000010 |
Color Schemes with #356fc2
Alternatives to #356fc2
Below, you can see some colors close to #356fc2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#356fc2 Preview
This text has a font color of #356fc2.
<span style="color:#356fc2;">Text here</span>
This paragraph has a background color of #356fc2.
<p style="background-color:#356fc2;">Content here</p>
This element has a border color of #356fc2.
<div style="border:1px solid #356fc2;">Content here</div>
.text {color:#356fc2;}
.background {background-color:#356fc2;}
.border {border:1px solid #356fc2;}
Shades and Tints of #356fc2
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, #020509 is the darkest color, while #f9fbfd is the lightest one.
-
#020509
#020509
rgb(2,5,9)
-
#070e19
#070e19
rgb(7,14,25)
-
#0b1728
#0b1728
rgb(11,23,40)
-
#0f2037
#0f2037
rgb(15,32,55)
-
#132847
#132847
rgb(19,40,71)
-
#183156
#183156
rgb(24,49,86)
-
#1c3a66
#1c3a66
rgb(28,58,102)
-
#204375
#204375
rgb(32,67,117)
-
#244c84
#244c84
rgb(36,76,132)
-
#285594
#285594
rgb(40,85,148)
-
#2d5da3
#2d5da3
rgb(45,93,163)
-
#3166b3
#3166b3
rgb(49,102,179)
-
#356fc2
#356fc2
rgb(53,111,194)
-
#4079cb
#4079cb
rgb(64,121,203)
-
#4f84cf
#4f84cf
rgb(79,132,207)
-
#5f8fd3
#5f8fd3
rgb(95,143,211)
-
#6e99d7
#6e99d7
rgb(110,153,215)
-
#7da4dc
#7da4dc
rgb(125,164,220)
-
#8dafe0
#8dafe0
rgb(141,175,224)
-
#9cbae4
#9cbae4
rgb(156,186,228)
-
#acc5e8
#acc5e8
rgb(172,197,232)
-
#bbcfec
#bbcfec
rgb(187,207,236)
-
#cadaf1
#cadaf1
rgb(202,218,241)
-
#dae5f5
#dae5f5
rgb(218,229,245)
-
#e9f0f9
#e9f0f9
rgb(233,240,249)
-
#f9fbfd
#f9fbfd
rgb(249,251,253)
Tones of #356fc2
A tone is produced by adding gray to any pure hue. In this case, #787b80 is the less saturated color, while #0667f2 is the most saturated one.
-
#787b80
#787b80
rgb(120,123,128)
-
#6e7989
#6e7989
rgb(110,121,137)
-
#657793
#657793
rgb(101,119,147)
-
#5b769c
#5b769c
rgb(91,118,156)
-
#5274a6
#5274a6
rgb(82,116,166)
-
#4872af
#4872af
rgb(72,114,175)
-
#3f71b9
#3f71b9
rgb(63,113,185)
-
#356fc2
#356fc2
rgb(53,111,194)
-
#2c6dcc
#2c6dcc
rgb(44,109,204)
-
#226cd5
#226cd5
rgb(34,108,213)
-
#196adf
#196adf
rgb(25,106,223)
-
#0f68e8
#0f68e8
rgb(15,104,232)
-
#0667f2
#0667f2
rgb(6,103,242)
Color Blindness Simulator
Below, you can see how #356fc2 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.