#395fcb hex color

In a RGB color space, hex #395fcb is composed of 22.4% red, 37.3% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 53.2% magenta, 0% yellow and 20.4% black. It has a hue angle of 224.4 degrees, a saturation of 58.4% and a lightness of 51%. #395fcb color hex could be obtained by blending #72beff with #000097. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 37
- B 80
RGB color chart
- C 72
- M 53
- Y 0
- K 20
CMYK color chart

● #395fcb color description : Moderate blue.

The hexadecimal color #395fcb has RGB values of R:57, G:95, B:203 and CMYK values of C:0.72, M:0.53, Y:0, K:0.2. Its decimal value is 3760075.

Hex triplet	395fcb	`#395fcb`
RGB Decimal	57, 95, 203	`rgb(57,95,203)`
RGB Percent	22.4, 37.3, 79.6	`rgb(22.4%,37.3%,79.6%)`
CMYK	72, 53, 0, 20
HSL	224.4°, 58.4, 51	`hsl(224.4,58.4%,51%)`
HSV (or HSB)	224.4°, 71.9, 79.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.308, 23.605, -60.06
XYZ	16.557, 13.365, 58.204
xyY	0.188, 0.152, 13.365
CIE-LCH	43.308, 64.532, 291.456
CIE-LUV	43.308, -16.18, -90.761
Hunter-Lab	36.558, 16.864, -68.804
Binary	00111001, 01011111, 11001011

#395fcb
```
#395fcb rgb(57,95,203)
```
#cba539
```
#cba539 rgb(203,165,57)
```

Complementary Color

#39a8cb
```
#39a8cb rgb(57,168,203)
```
#395fcb
```
#395fcb rgb(57,95,203)
```
#5c39cb
```
#5c39cb rgb(92,57,203)
```

Analogous Color

#a8cb39
```
#a8cb39 rgb(168,203,57)
```
#395fcb
```
#395fcb rgb(57,95,203)
```
#cb5c39
```
#cb5c39 rgb(203,92,57)
```

Split Complementary Color

#5fcb39
```
#5fcb39 rgb(95,203,57)
```
#395fcb
```
#395fcb rgb(57,95,203)
```
#cb395f
```
#cb395f rgb(203,57,95)
```

Triadic Color

#39cba5
```
#39cba5 rgb(57,203,165)
```
#395fcb
```
#395fcb rgb(57,95,203)
```
#cb395f
```
#cb395f rgb(203,57,95)
```
#cba539
```
#cba539 rgb(203,165,57)
```

Tetradic Color

#264291
```
#264291 rgb(38,66,145)
```
#2b4ba6
```
#2b4ba6 rgb(43,75,166)
```
#3154ba
```
#3154ba rgb(49,84,186)
```
#395fcb
```
#395fcb rgb(57,95,203)
```
#4d6fd0
```
#4d6fd0 rgb(77,111,208)
```
#6180d6
```
#6180d6 rgb(97,128,214)
```
#7690db
```
#7690db rgb(118,144,219)
```

Monochromatic Color

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

#3984cb
```
#3984cb rgb(57,132,203)
```
#3977cb
```
#3977cb rgb(57,119,203)
```
#396bcb
```
#396bcb rgb(57,107,203)
```
#395fcb
```
#395fcb rgb(57,95,203)
```
#3953cb
```
#3953cb rgb(57,83,203)
```
#3947cb
```
#3947cb rgb(57,71,203)
```
#393bcb
```
#393bcb rgb(57,59,203)
```

Similar Colors

Text with hexadecimal color #395fcb

This text has a font color of #395fcb.

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

#395fcb background color

This paragraph has a background color of #395fcb.

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

#395fcb border color

This element has a border color of #395fcb.

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

CSS codes

.text {color:#395fcb;}

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

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

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 #f3f6fc is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#050913
```
#050913 rgb(5,9,19)
```
#091023
```
#091023 rgb(9,16,35)
```
#0d1733
```
#0d1733 rgb(13,23,51)
```
#111e42
```
#111e42 rgb(17,30,66)
```
#152552
```
#152552 rgb(21,37,82)
```
#1a2c61
```
#1a2c61 rgb(26,44,97)
```
#1e3371
```
#1e3371 rgb(30,51,113)
```
#223a80
```
#223a80 rgb(34,58,128)
```
#264190
```
#264190 rgb(38,65,144)
```
#2a489f
```
#2a489f rgb(42,72,159)
```
#2e4faf
```
#2e4faf rgb(46,79,175)
```
#3257be
```
#3257be rgb(50,87,190)
```

Shade Color Variation

#395fcb
```
#395fcb rgb(57,95,203)
```
#496ccf
```
#496ccf rgb(73,108,207)
```
#5878d3
```
#5878d3 rgb(88,120,211)
```
#6885d7
```
#6885d7 rgb(104,133,215)
```
#7791db
```
#7791db rgb(119,145,219)
```
#879edf
```
#879edf rgb(135,158,223)
```
#96aae3
```
#96aae3 rgb(150,170,227)
```
#a6b7e8
```
#a6b7e8 rgb(166,183,232)
```
#b5c3ec
```
#b5c3ec rgb(181,195,236)
```
#c5d0f0
```
#c5d0f0 rgb(197,208,240)
```
#d4ddf4
```
#d4ddf4 rgb(212,221,244)
```
#e4e9f8
```
#e4e9f8 rgb(228,233,248)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#7c7f88
```
#7c7f88 rgb(124,127,136)
```
#737b91
```
#737b91 rgb(115,123,145)
```
#69769b
```
#69769b rgb(105,118,155)
```
#5f71a5
```
#5f71a5 rgb(95,113,165)
```
#566dae
```
#566dae rgb(86,109,174)
```
#4c68b8
```
#4c68b8 rgb(76,104,184)
```
#4364c1
```
#4364c1 rgb(67,100,193)
```
#395fcb
```
#395fcb rgb(57,95,203)
```
#2f5ad5
```
#2f5ad5 rgb(47,90,213)
```
#2656de
```
#2656de rgb(38,86,222)
```
#1c51e8
```
#1c51e8 rgb(28,81,232)
```
#134df1
```
#134df1 rgb(19,77,241)
```
#0948fb
```
#0948fb rgb(9,72,251)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#586075 Atypical Achromatopsia 0.001% of the population

Dichromacy

#116ad0 Protanopia 1% of men
#0070b8 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#1f66ce Protanomaly 1% of men, 0.01% of women
#146abf Deuteranomaly 6% of men, 0.4% of women
#146f9b Tritanomaly 0.01% of the population

#395fcb hex color

#395fcb Color Information

#395fcb Color Conversion

Color Schemes with #395fcb

Alternatives to #395fcb

#395fcb Preview

Shades and Tints of #395fcb

Tones of #395fcb

Color Blindness Simulator