#395ab6 hex color

In a RGB color space, hex #395ab6 is composed of 22.4% red, 35.3% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 50.5% magenta, 0% yellow and 28.6% black. It has a hue angle of 224.2 degrees, a saturation of 52.3% and a lightness of 46.9%. #395ab6 color hex could be obtained by blending #72b4ff with #00006d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 35
- B 71
RGB color chart
- C 69
- M 51
- Y 0
- K 29
CMYK color chart

● #395ab6 color description : Moderate blue.

The hexadecimal color #395ab6 has RGB values of R:57, G:90, B:182 and CMYK values of C:0.69, M:0.51, Y:0, K:0.29. Its decimal value is 3758774.

Hex triplet	395ab6	`#395ab6`
RGB Decimal	57, 90, 182	`rgb(57,90,182)`
RGB Percent	22.4, 35.3, 71.4	`rgb(22.4%,35.3%,71.4%)`
CMYK	69, 51, 0, 29
HSL	224.2°, 52.3, 46.9	`hsl(224.2,52.3%,46.9%)`
HSV (or HSB)	224.2°, 68.7, 71.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.506, 19.141, -52.383
XYZ	13.785, 11.559, 45.758
xyY	0.194, 0.163, 11.559
CIE-LCH	40.506, 55.77, 290.072
CIE-LUV	40.506, -14.682, -77.774
Hunter-Lab	33.998, 12.88, -56
Binary	00111001, 01011010, 10110110

#395ab6
```
#395ab6 rgb(57,90,182)
```
#b69539
```
#b69539 rgb(182,149,57)
```

Complementary Color

#3999b6
```
#3999b6 rgb(57,153,182)
```
#395ab6
```
#395ab6 rgb(57,90,182)
```
#5739b6
```
#5739b6 rgb(87,57,182)
```

Analogous Color

#99b639
```
#99b639 rgb(153,182,57)
```
#395ab6
```
#395ab6 rgb(57,90,182)
```
#b65739
```
#b65739 rgb(182,87,57)
```

Split Complementary Color

#5ab639
```
#5ab639 rgb(90,182,57)
```
#395ab6
```
#395ab6 rgb(57,90,182)
```
#b6395a
```
#b6395a rgb(182,57,90)
```

Triadic Color

#39b695
```
#39b695 rgb(57,182,149)
```
#395ab6
```
#395ab6 rgb(57,90,182)
```
#b6395a
```
#b6395a rgb(182,57,90)
```
#b69539
```
#b69539 rgb(182,149,57)
```

Tetradic Color

#273d7c
```
#273d7c rgb(39,61,124)
```
#2d478f
```
#2d478f rgb(45,71,143)
```
#3350a3
```
#3350a3 rgb(51,80,163)
```
#395ab6
```
#395ab6 rgb(57,90,182)
```
#4466c4
```
#4466c4 rgb(68,102,196)
```
#5776cb
```
#5776cb rgb(87,118,203)
```
#6b86d1
```
#6b86d1 rgb(107,134,209)
```

Monochromatic Color

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

#3979b6
```
#3979b6 rgb(57,121,182)
```
#396fb6
```
#396fb6 rgb(57,111,182)
```
#3964b6
```
#3964b6 rgb(57,100,182)
```
#395ab6
```
#395ab6 rgb(57,90,182)
```
#3950b6
```
#3950b6 rgb(57,80,182)
```
#3945b6
```
#3945b6 rgb(57,69,182)
```
#393bb6
```
#393bb6 rgb(57,59,182)
```

Similar Colors

Text with hexadecimal color #395ab6

This text has a font color of #395ab6.

<span style="color:#395ab6;">Text here</span>

#395ab6 background color

This paragraph has a background color of #395ab6.

<p style="background-color:#395ab6;">Content here</p>

#395ab6 border color

This element has a border color of #395ab6.

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

CSS codes

.text {color:#395ab6;}

.background {background-color:#395ab6;}

.border {border:1px solid #395ab6;}

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

#010103
```
#010103 rgb(1,1,3)
```
#060912
```
#060912 rgb(6,9,18)
```
#0a1021
```
#0a1021 rgb(10,16,33)
```
#0f1830
```
#0f1830 rgb(15,24,48)
```
#141f3f
```
#141f3f rgb(20,31,63)
```
#18264d
```
#18264d rgb(24,38,77)
```
#1d2e5c
```
#1d2e5c rgb(29,46,92)
```
#22356b
```
#22356b rgb(34,53,107)
```
#263c7a
```
#263c7a rgb(38,60,122)
```
#2b4489
```
#2b4489 rgb(43,68,137)
```
#304b98
```
#304b98 rgb(48,75,152)
```
#3453a7
```
#3453a7 rgb(52,83,167)
```
#395ab6
```
#395ab6 rgb(57,90,182)
```

Shade Color Variation

#4062c3
```
#4062c3 rgb(64,98,195)
```
#4f6fc8
```
#4f6fc8 rgb(79,111,200)
```
#5d7bcc
```
#5d7bcc rgb(93,123,204)
```
#6c87d1
```
#6c87d1 rgb(108,135,209)
```
#7b93d6
```
#7b93d6 rgb(123,147,214)
```
#8a9fda
```
#8a9fda rgb(138,159,218)
```
#99acdf
```
#99acdf rgb(153,172,223)
```
#a8b8e4
```
#a8b8e4 rgb(168,184,228)
```
#b7c4e8
```
#b7c4e8 rgb(183,196,232)
```
#c6d0ed
```
#c6d0ed rgb(198,208,237)
```
#d5ddf2
```
#d5ddf2 rgb(213,221,242)
```
#e4e9f7
```
#e4e9f7 rgb(228,233,247)
```
#f3f5fb
```
#f3f5fb rgb(243,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70747f is the less saturated color, while #0240ed is the most saturated one.

#70747f
```
#70747f rgb(112,116,127)
```
#677088
```
#677088 rgb(103,112,136)
```
#5e6b91
```
#5e6b91 rgb(94,107,145)
```
#55679a
```
#55679a rgb(85,103,154)
```
#4b63a4
```
#4b63a4 rgb(75,99,164)
```
#425ead
```
#425ead rgb(66,94,173)
```
#395ab6
```
#395ab6 rgb(57,90,182)
```
#3056bf
```
#3056bf rgb(48,86,191)
```
#2751c8
```
#2751c8 rgb(39,81,200)
```
#1d4dd2
```
#1d4dd2 rgb(29,77,210)
```
#1449db
```
#1449db rgb(20,73,219)
```
#0b44e4
```
#0b44e4 rgb(11,68,228)
```
#0240ed
```
#0240ed rgb(2,64,237)
```

Tone Color Variation

Below, you can see how #395ab6 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

#5b5b5b Achromatopsia 0.005% of the population
#545b6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e64bb Protanopia 1% of men
#0069ae Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#3260b9 Protanomaly 1% of men, 0.01% of women
#1464b1 Deuteranomaly 6% of men, 0.4% of women
#14698f Tritanomaly 0.01% of the population

#395ab6 hex color

#395ab6 Color Information

#395ab6 Color Conversion

Color Schemes with #395ab6

Alternatives to #395ab6

#395ab6 Preview

Shades and Tints of #395ab6

Tones of #395ab6

Color Blindness Simulator