#356bca hex color

In a RGB color space, hex #356bca is composed of 20.8% red, 42% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 47% magenta, 0% yellow and 20.8% black. It has a hue angle of 218.3 degrees, a saturation of 58.4% and a lightness of 50%. #356bca color hex could be obtained by blending #6ad6ff with #000095. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 21
- G 42
- B 79
RGB color chart
- C 74
- M 47
- Y 0
- K 21
CMYK color chart

● #356bca color description : Moderate blue.

The hexadecimal color #356bca has RGB values of R:53, G:107, B:202 and CMYK values of C:0.74, M:0.47, Y:0, K:0.21. Its decimal value is 3501002.

Hex triplet	356bca	`#356bca`
RGB Decimal	53, 107, 202	`rgb(53,107,202)`
RGB Percent	20.8, 42, 79.2	`rgb(20.8%,42%,79.2%)`
CMYK	74, 47, 0, 21
HSL	218.3°, 58.4, 50	`hsl(218.3,58.4%,50%)`
HSV (or HSB)	218.3°, 73.8, 79.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.359, 15.032, -54.57
XYZ	17.384, 15.535, 57.956
xyY	0.191, 0.171, 15.535
CIE-LCH	46.359, 56.603, 285.401
CIE-LUV	46.359, -20.459, -83.648
Hunter-Lab	39.415, 9.753, -59.591
Binary	00110101, 01101011, 11001010

#356bca
```
#356bca rgb(53,107,202)
```
#ca9435
```
#ca9435 rgb(202,148,53)
```

Complementary Color

#35b6ca
```
#35b6ca rgb(53,182,202)
```
#356bca
```
#356bca rgb(53,107,202)
```
#4a35ca
```
#4a35ca rgb(74,53,202)
```

Analogous Color

#b6ca35
```
#b6ca35 rgb(182,202,53)
```
#356bca
```
#356bca rgb(53,107,202)
```
#ca4a35
```
#ca4a35 rgb(202,74,53)
```

Split Complementary Color

#6bca35
```
#6bca35 rgb(107,202,53)
```
#356bca
```
#356bca rgb(53,107,202)
```
#ca356b
```
#ca356b rgb(202,53,107)
```

Triadic Color

#35ca94
```
#35ca94 rgb(53,202,148)
```
#356bca
```
#356bca rgb(53,107,202)
```
#ca356b
```
#ca356b rgb(202,53,107)
```
#ca9435
```
#ca9435 rgb(202,148,53)
```

Tetradic Color

#254b8d
```
#254b8d rgb(37,75,141)
```
#2a56a2
```
#2a56a2 rgb(42,86,162)
```
#3060b6
```
#3060b6 rgb(48,96,182)
```
#356bca
```
#356bca rgb(53,107,202)
```
#497acf
```
#497acf rgb(73,122,207)
```
#5d89d5
```
#5d89d5 rgb(93,137,213)
```
#7297da
```
#7297da rgb(114,151,218)
```

Monochromatic Color

Below, you can see some colors close to #356bca. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#3590ca
```
#3590ca rgb(53,144,202)
```
#3584ca
```
#3584ca rgb(53,132,202)
```
#3577ca
```
#3577ca rgb(53,119,202)
```
#356bca
```
#356bca rgb(53,107,202)
```
#355fca
```
#355fca rgb(53,95,202)
```
#3552ca
```
#3552ca rgb(53,82,202)
```
#3546ca
```
#3546ca rgb(53,70,202)
```

Similar Colors

Text with hexadecimal color #356bca

This text has a font color of #356bca.

<span style="color:#356bca;">Text here</span>

#356bca background color

This paragraph has a background color of #356bca.

<p style="background-color:#356bca;">Content here</p>

#356bca border color

This element has a border color of #356bca.

<div style="border:1px solid #356bca;">Content here</div>

CSS codes

.text {color:#356bca;}

.background {background-color:#356bca;}

.border {border:1px solid #356bca;}

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, #040810 is the darkest color, while #ffffff is the lightest one.

#040810
```
#040810 rgb(4,8,16)
```
#08101f
```
#08101f rgb(8,16,31)
```
#0c192f
```
#0c192f rgb(12,25,47)
```
#10213e
```
#10213e rgb(16,33,62)
```
#14294e
```
#14294e rgb(20,41,78)
```
#18315d
```
#18315d rgb(24,49,93)
```
#1d3a6d
```
#1d3a6d rgb(29,58,109)
```
#21427c
```
#21427c rgb(33,66,124)
```
#254a8c
```
#254a8c rgb(37,74,140)
```
#29529b
```
#29529b rgb(41,82,155)
```
#2d5bab
```
#2d5bab rgb(45,91,171)
```
#3163ba
```
#3163ba rgb(49,99,186)
```
#356bca
```
#356bca rgb(53,107,202)
```

Shade Color Variation

#4576ce
```
#4576ce rgb(69,118,206)
```
#5482d2
```
#5482d2 rgb(84,130,210)
```
#648dd6
```
#648dd6 rgb(100,141,214)
```
#7399da
```
#7399da rgb(115,153,218)
```
#83a4de
```
#83a4de rgb(131,164,222)
```
#92afe2
```
#92afe2 rgb(146,175,226)
```
#a2bbe7
```
#a2bbe7 rgb(162,187,231)
```
#b1c6eb
```
#b1c6eb rgb(177,198,235)
```
#c1d1ef
```
#c1d1ef rgb(193,209,239)
```
#d0ddf3
```
#d0ddf3 rgb(208,221,243)
```
#e0e8f7
```
#e0e8f7 rgb(224,232,247)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7e85 is the less saturated color, while #045efb is the most saturated one.

#7a7e85
```
#7a7e85 rgb(122,126,133)
```
#707b8f
```
#707b8f rgb(112,123,143)
```
#667899
```
#667899 rgb(102,120,153)
```
#5c76a3
```
#5c76a3 rgb(92,118,163)
```
#5273ad
```
#5273ad rgb(82,115,173)
```
#4970b6
```
#4970b6 rgb(73,112,182)
```
#3f6ec0
```
#3f6ec0 rgb(63,110,192)
```
#356bca
```
#356bca rgb(53,107,202)
```
#2b68d4
```
#2b68d4 rgb(43,104,212)
```
#2166de
```
#2166de rgb(33,102,222)
```
#1863e7
```
#1863e7 rgb(24,99,231)
```
#0e60f1
```
#0e60f1 rgb(14,96,241)
```
#045efb
```
#045efb rgb(4,94,251)
```

Tone Color Variation

Below, you can see how #356bca 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.

Monochromacy

#666666 Achromatopsia 0.005% of the population
#5c677a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4272cc Protanopia 1% of men
#0077c6 Deuteranopia 1% of men
#008089 Tritanopia 0.001% of the population

Trichromacy

#3d6fcb Protanomaly 1% of men, 0.01% of women
#1372c7 Deuteranomaly 6% of men, 0.4% of women
#1378a0 Tritanomaly 0.01% of the population

#356bca hex color

#356bca Color Information

#356bca Color Conversion

Color Schemes with #356bca

Alternatives to #356bca

#356bca Preview

Shades and Tints of #356bca

Tones of #356bca

Color Blindness Simulator