colorhexa.com

#395db7 hex color

In a RGB color space, hex #395db7 is composed of 22.4% red, 36.5% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 49.2% magenta, 0% yellow and 28.2% black. It has a hue angle of 222.9 degrees, a saturation of 52.5% and a lightness of 47.1%. #395db7 color hex could be obtained by blending #72baff with #00006f. Closest websafe color is: #3366cc.

- R 22
- G 36
- B 72
RGB color chart
- C 69
- M 49
- Y 0
- K 28
CMYK color chart

● #395db7 color description : Moderate blue.

The hexadecimal color #395db7 has RGB values of R:57, G:93, B:183 and CMYK values of C:0.69, M:0.49, Y:0, K:0.28. Its decimal value is 3759543.

Hex triplet	395db7	`#395db7`
RGB Decimal	57, 93, 183	`rgb(57,93,183)`
RGB Percent	22.4, 36.5, 71.8	`rgb(22.4%,36.5%,71.8%)`
CMYK	69, 49, 0, 28
HSL	222.9°, 52.5, 47.1	`hsl(222.9,52.5%,47.1%)`
HSV (or HSB)	222.9°, 68.9, 71.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.401, 17.563, -51.527
XYZ	14.147, 12.117, 46.39
xyY	0.195, 0.167, 12.117
CIE-LCH	41.401, 54.438, 288.822
CIE-LUV	41.401, -15.583, -76.9
Hunter-Lab	34.809, 11.631, -54.651
Binary	00111001, 01011101, 10110111

#395db7
```
#395db7 rgb(57,93,183)
```
#b79339
```
#b79339 rgb(183,147,57)
```

Complementary Color

#399cb7
```
#399cb7 rgb(57,156,183)
```
#395db7
```
#395db7 rgb(57,93,183)
```
#5439b7
```
#5439b7 rgb(84,57,183)
```

Analogous Color

#9cb739
```
#9cb739 rgb(156,183,57)
```
#395db7
```
#395db7 rgb(57,93,183)
```
#b75439
```
#b75439 rgb(183,84,57)
```

Split Complementary Color

#5db739
```
#5db739 rgb(93,183,57)
```
#395db7
```
#395db7 rgb(57,93,183)
```
#b7395d
```
#b7395d rgb(183,57,93)
```

Triadic Color

#39b793
```
#39b793 rgb(57,183,147)
```
#395db7
```
#395db7 rgb(57,93,183)
```
#b7395d
```
#b7395d rgb(183,57,93)
```
#b79339
```
#b79339 rgb(183,147,57)
```

Tetradic Color

#273f7d
```
#273f7d rgb(39,63,125)
```
#2d4990
```
#2d4990 rgb(45,73,144)
```
#3353a4
```
#3353a4 rgb(51,83,164)
```
#395db7
```
#395db7 rgb(57,93,183)
```
#4569c5
```
#4569c5 rgb(69,105,197)
```
#5879cb
```
#5879cb rgb(88,121,203)
```
#6b88d1
```
#6b88d1 rgb(107,136,209)
```

Monochromatic Color

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

#397db7
```
#397db7 rgb(57,125,183)
```
#3972b7
```
#3972b7 rgb(57,114,183)
```
#3968b7
```
#3968b7 rgb(57,104,183)
```
#395db7
```
#395db7 rgb(57,93,183)
```
#3953b7
```
#3953b7 rgb(57,83,183)
```
#3948b7
```
#3948b7 rgb(57,72,183)
```
#393eb7
```
#393eb7 rgb(57,62,183)
```

Similar Colors

Text with hexadecimal color #395db7

This text has a font color of #395db7.

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

#395db7 background color

This paragraph has a background color of #395db7.

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

#395db7 border color

This element has a border color of #395db7.

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

CSS codes

.text {color:#395db7;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#060912
```
#060912 rgb(6,9,18)
```
#0a1121
```
#0a1121 rgb(10,17,33)
```
#0f1930
```
#0f1930 rgb(15,25,48)
```
#14203f
```
#14203f rgb(20,32,63)
```
#18284e
```
#18284e rgb(24,40,78)
```
#1d2f5d
```
#1d2f5d rgb(29,47,93)
```
#22376c
```
#22376c rgb(34,55,108)
```
#263f7b
```
#263f7b rgb(38,63,123)
```
#2b468a
```
#2b468a rgb(43,70,138)
```
#304e99
```
#304e99 rgb(48,78,153)
```
#3455a8
```
#3455a8 rgb(52,85,168)
```
#395db7
```
#395db7 rgb(57,93,183)
```

Shade Color Variation

#4066c4
```
#4066c4 rgb(64,102,196)
```
#4f72c8
```
#4f72c8 rgb(79,114,200)
```
#5e7ecd
```
#5e7ecd rgb(94,126,205)
```
#6d8ad2
```
#6d8ad2 rgb(109,138,210)
```
#7c96d6
```
#7c96d6 rgb(124,150,214)
```
#8ba2db
```
#8ba2db rgb(139,162,219)
```
#9aaedf
```
#9aaedf rgb(154,174,223)
```
#a9bae4
```
#a9bae4 rgb(169,186,228)
```
#b8c6e9
```
#b8c6e9 rgb(184,198,233)
```
#c7d2ed
```
#c7d2ed rgb(199,210,237)
```
#d6def2
```
#d6def2 rgb(214,222,242)
```
#e5eaf7
```
#e5eaf7 rgb(229,234,247)
```
#f4f6fb
```
#f4f6fb rgb(244,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707580 is the less saturated color, while #0245ee is the most saturated one.

#707580
```
#707580 rgb(112,117,128)
```
#677189
```
#677189 rgb(103,113,137)
```
#5e6d92
```
#5e6d92 rgb(94,109,146)
```
#55699b
```
#55699b rgb(85,105,155)
```
#4b65a5
```
#4b65a5 rgb(75,101,165)
```
#4261ae
```
#4261ae rgb(66,97,174)
```
#395db7
```
#395db7 rgb(57,93,183)
```
#3059c0
```
#3059c0 rgb(48,89,192)
```
#2755c9
```
#2755c9 rgb(39,85,201)
```
#1d51d3
```
#1d51d3 rgb(29,81,211)
```
#144ddc
```
#144ddc rgb(20,77,220)
```
#0b49e5
```
#0b49e5 rgb(11,73,229)
```
#0245ee
```
#0245ee rgb(2,69,238)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#555c6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3567bc Protanopia 1% of men
#006bb2 Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#3763ba Protanomaly 1% of men, 0.01% of women
#1466b4 Deuteranomaly 6% of men, 0.4% of women
#146b91 Tritanomaly 0.01% of the population