#395cdf hex color

In a RGB color space, hex #395cdf is composed of 22.4% red, 36.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 58.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 227.3 degrees, a saturation of 72.2% and a lightness of 54.9%. #395cdf color hex could be obtained by blending #72b8ff with #0000bf. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 36
- B 87
RGB color chart
- C 74
- M 59
- Y 0
- K 13
CMYK color chart

● #395cdf color description : Bright blue.

The hexadecimal color #395cdf has RGB values of R:57, G:92, B:223 and CMYK values of C:0.74, M:0.59, Y:0, K:0.13. Its decimal value is 3759327.

Hex triplet	395cdf	`#395cdf`
RGB Decimal	57, 92, 223	`rgb(57,92,223)`
RGB Percent	22.4, 36.1, 87.5	`rgb(22.4%,36.1%,87.5%)`
CMYK	74, 59, 0, 13
HSL	227.3°, 72.2, 54.9	`hsl(227.3,72.2%,54.9%)`
HSV (or HSB)	227.3°, 74.4, 87.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.018, 32.786, -70.35
XYZ	18.831, 13.851, 71.489
xyY	0.181, 0.133, 13.851
CIE-LCH	44.018, 77.615, 294.988
CIE-LUV	44.018, -15.484, -106.268
Hunter-Lab	37.216, 25.19, -87.839
Binary	00111001, 01011100, 11011111

#395cdf
```
#395cdf rgb(57,92,223)
```
#dfbc39
```
#dfbc39 rgb(223,188,57)
```

Complementary Color

#39afdf
```
#39afdf rgb(57,175,223)
```
#395cdf
```
#395cdf rgb(57,92,223)
```
#6939df
```
#6939df rgb(105,57,223)
```

Analogous Color

#afdf39
```
#afdf39 rgb(175,223,57)
```
#395cdf
```
#395cdf rgb(57,92,223)
```
#df6939
```
#df6939 rgb(223,105,57)
```

Split Complementary Color

#5cdf39
```
#5cdf39 rgb(92,223,57)
```
#395cdf
```
#395cdf rgb(57,92,223)
```
#df395c
```
#df395c rgb(223,57,92)
```

Triadic Color

#39dfbc
```
#39dfbc rgb(57,223,188)
```
#395cdf
```
#395cdf rgb(57,92,223)
```
#df395c
```
#df395c rgb(223,57,92)
```
#dfbc39
```
#dfbc39 rgb(223,188,57)
```

Tetradic Color

#1c3baf
```
#1c3baf rgb(28,59,175)
```
#2043c5
```
#2043c5 rgb(32,67,197)
```
#234adb
```
#234adb rgb(35,74,219)
```
#395cdf
```
#395cdf rgb(57,92,223)
```
#4f6ee3
```
#4f6ee3 rgb(79,110,227)
```
#6580e6
```
#6580e6 rgb(101,128,230)
```
#7b92ea
```
#7b92ea rgb(123,146,234)
```

Monochromatic Color

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

#3986df
```
#3986df rgb(57,134,223)
```
#3978df
```
#3978df rgb(57,120,223)
```
#396adf
```
#396adf rgb(57,106,223)
```
#395cdf
```
#395cdf rgb(57,92,223)
```
#394edf
```
#394edf rgb(57,78,223)
```
#3940df
```
#3940df rgb(57,64,223)
```
#4039df
```
#4039df rgb(64,57,223)
```

Similar Colors

Text with hexadecimal color #395cdf

This text has a font color of #395cdf.

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

#395cdf background color

This paragraph has a background color of #395cdf.

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

#395cdf border color

This element has a border color of #395cdf.

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

CSS codes

.text {color:#395cdf;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#030716
```
#030716 rgb(3,7,22)
```
#060d26
```
#060d26 rgb(6,13,38)
```
#091337
```
#091337 rgb(9,19,55)
```
#0c1848
```
#0c1848 rgb(12,24,72)
```
#0e1e59
```
#0e1e59 rgb(14,30,89)
```
#11246a
```
#11246a rgb(17,36,106)
```
#142a7b
```
#142a7b rgb(20,42,123)
```
#172f8c
```
#172f8c rgb(23,47,140)
```
#19359d
```
#19359d rgb(25,53,157)
```
#1c3bad
```
#1c3bad rgb(28,59,173)
```
#1f40be
```
#1f40be rgb(31,64,190)
```
#2146cf
```
#2146cf rgb(33,70,207)
```

Shade Color Variation

#284edc
```
#284edc rgb(40,78,220)
```
#395cdf
```
#395cdf rgb(57,92,223)
```
#4a6ae2
```
#4a6ae2 rgb(74,106,226)
```
#5b78e4
```
#5b78e4 rgb(91,120,228)
```
#6c86e7
```
#6c86e7 rgb(108,134,231)
```
#7d94ea
```
#7d94ea rgb(125,148,234)
```
#8da2ed
```
#8da2ed rgb(141,162,237)
```
#9eafef
```
#9eafef rgb(158,175,239)
```
#afbdf2
```
#afbdf2 rgb(175,189,242)
```
#c0cbf5
```
#c0cbf5 rgb(192,203,245)
```
#d1d9f8
```
#d1d9f8 rgb(209,217,248)
```
#e2e7fa
```
#e2e7fa rgb(226,231,250)
```
#f3f5fd
```
#f3f5fd rgb(243,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a8f is the less saturated color, while #1e4dfa is the most saturated one.

#898a8f
```
#898a8f rgb(137,138,143)
```
#808598
```
#808598 rgb(128,133,152)
```
#7780a1
```
#7780a1 rgb(119,128,161)
```
#6e7baa
```
#6e7baa rgb(110,123,170)
```
#6576b3
```
#6576b3 rgb(101,118,179)
```
#5c70bc
```
#5c70bc rgb(92,112,188)
```
#546bc4
```
#546bc4 rgb(84,107,196)
```
#4b66cd
```
#4b66cd rgb(75,102,205)
```
#4261d6
```
#4261d6 rgb(66,97,214)
```
#395cdf
```
#395cdf rgb(57,92,223)
```
#3057e8
```
#3057e8 rgb(48,87,232)
```
#2752f1
```
#2752f1 rgb(39,82,241)
```
#1e4dfa
```
#1e4dfa rgb(30,77,250)
```

Tone Color Variation

Below, you can see how #395cdf 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
#585f79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#1466d8 Protanomaly 1% of men, 0.01% of women
#146ac7 Deuteranomaly 6% of men, 0.4% of women
#146fa3 Tritanomaly 0.01% of the population

#395cdf hex color

#395cdf Color Information

#395cdf Color Conversion

Color Schemes with #395cdf

Alternatives to #395cdf

#395cdf Preview

Shades and Tints of #395cdf

Tones of #395cdf

Color Blindness Simulator