#395aff hex color

In a RGB color space, hex #395aff is composed of 22.4% red, 35.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 64.7% magenta, 0% yellow and 0% black. It has a hue angle of 230 degrees, a saturation of 100% and a lightness of 61.2%. #395aff color hex could be obtained by blending #72b4ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 22
- G 35
- B 100
RGB color chart
- C 78
- M 65
- Y 0
- K 0
CMYK color chart

● #395aff color description : Light blue.

The hexadecimal color #395aff has RGB values of R:57, G:90, B:255 and CMYK values of C:0.78, M:0.65, Y:0, K:0. Its decimal value is 3758847.

Hex triplet	395aff	`#395aff`
RGB Decimal	57, 90, 255	`rgb(57,90,255)`
RGB Percent	22.4, 35.3, 100	`rgb(22.4%,35.3%,100%)`
CMYK	78, 65, 0, 0
HSL	230°, 100, 61.2	`hsl(230,100%,61.2%)`
HSV (or HSB)	230°, 77.6, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.178, 45.319, -84.803
XYZ	23.39, 15.401, 96.342
xyY	0.173, 0.114, 15.401
CIE-LCH	46.178, 96.153, 298.12
CIE-LUV	46.178, -15.412, -128.034
Hunter-Lab	39.244, 37.713, -118.085
Binary	00111001, 01011010, 11111111

#395aff
```
#395aff rgb(57,90,255)
```
#ffde39
```
#ffde39 rgb(255,222,57)
```

Complementary Color

#39bdff
```
#39bdff rgb(57,189,255)
```
#395aff
```
#395aff rgb(57,90,255)
```
#7b39ff
```
#7b39ff rgb(123,57,255)
```

Analogous Color

#bdff39
```
#bdff39 rgb(189,255,57)
```
#395aff
```
#395aff rgb(57,90,255)
```
#ff7b39
```
#ff7b39 rgb(255,123,57)
```

Split Complementary Color

#5aff39
```
#5aff39 rgb(90,255,57)
```
#395aff
```
#395aff rgb(57,90,255)
```
#ff395a
```
#ff395a rgb(255,57,90)
```

Triadic Color

#39ffde
```
#39ffde rgb(57,255,222)
```
#395aff
```
#395aff rgb(57,90,255)
```
#ff395a
```
#ff395a rgb(255,57,90)
```
#ffde39
```
#ffde39 rgb(255,222,57)
```

Tetradic Color

#0027ec
```
#0027ec rgb(0,39,236)
```
#0630ff
```
#0630ff rgb(6,48,255)
```
#2045ff
```
#2045ff rgb(32,69,255)
```
#395aff
```
#395aff rgb(57,90,255)
```
#536fff
```
#536fff rgb(83,111,255)
```
#6c85ff
```
#6c85ff rgb(108,133,255)
```
#869aff
```
#869aff rgb(134,154,255)
```

Monochromatic Color

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

#398cff
```
#398cff rgb(57,140,255)
```
#397bff
```
#397bff rgb(57,123,255)
```
#396bff
```
#396bff rgb(57,107,255)
```
#395aff
```
#395aff rgb(57,90,255)
```
#394aff
```
#394aff rgb(57,74,255)
```
#3939ff
```
#3939ff rgb(57,57,255)
```
#4939ff
```
#4939ff rgb(73,57,255)
```

Similar Colors

Text with hexadecimal color #395aff

This text has a font color of #395aff.

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

#395aff background color

This paragraph has a background color of #395aff.

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

#395aff border color

This element has a border color of #395aff.

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

CSS codes

.text {color:#395aff;}

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

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

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

#000312
```
#000312 rgb(0,3,18)
```
#000625
```
#000625 rgb(0,6,37)
```
#000a39
```
#000a39 rgb(0,10,57)
```
#000d4d
```
#000d4d rgb(0,13,77)
```
#001060
```
#001060 rgb(0,16,96)
```
#001374
```
#001374 rgb(0,19,116)
```
#001787
```
#001787 rgb(0,23,135)
```
#001a9b
```
#001a9b rgb(0,26,155)
```
#001daf
```
#001daf rgb(0,29,175)
```
#0020c2
```
#0020c2 rgb(0,32,194)
```
#0024d6
```
#0024d6 rgb(0,36,214)
```
#0027ea
```
#0027ea rgb(0,39,234)
```
#002afd
```
#002afd rgb(0,42,253)
```

Shade Color Variation

#1239ff
```
#1239ff rgb(18,57,255)
```
#254aff
```
#254aff rgb(37,74,255)
```
#395aff
```
#395aff rgb(57,90,255)
```
#4d6aff
```
#4d6aff rgb(77,106,255)
```
#607bff
```
#607bff rgb(96,123,255)
```
#748bff
```
#748bff rgb(116,139,255)
```
#879bff
```
#879bff rgb(135,155,255)
```
#9bacff
```
#9bacff rgb(155,172,255)
```
#afbcff
```
#afbcff rgb(175,188,255)
```
#c2ccff
```
#c2ccff rgb(194,204,255)
```
#d6ddff
```
#d6ddff rgb(214,221,255)
```
#eaedff
```
#eaedff rgb(234,237,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9497a4 is the less saturated color, while #395aff is the most saturated one.

#9497a4
```
#9497a4 rgb(148,151,164)
```
#8d92ab
```
#8d92ab rgb(141,146,171)
```
#858db3
```
#858db3 rgb(133,141,179)
```
#7e88ba
```
#7e88ba rgb(126,136,186)
```
#7683c2
```
#7683c2 rgb(118,131,194)
```
#6e7eca
```
#6e7eca rgb(110,126,202)
```
#6778d1
```
#6778d1 rgb(103,120,209)
```
#5f73d9
```
#5f73d9 rgb(95,115,217)
```
#576ee1
```
#576ee1 rgb(87,110,225)
```
#5069e8
```
#5069e8 rgb(80,105,232)
```
#4864f0
```
#4864f0 rgb(72,100,240)
```
#415ff7
```
#415ff7 rgb(65,95,247)
```
#395aff
```
#395aff rgb(57,90,255)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5b6182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0078c0 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#1468e9 Protanomaly 1% of men, 0.01% of women
#146dd7 Deuteranomaly 6% of men, 0.4% of women
#1472b2 Tritanomaly 0.01% of the population

#395aff hex color

#395aff Color Information

#395aff Color Conversion

Color Schemes with #395aff

Alternatives to #395aff

#395aff Preview

Shades and Tints of #395aff

Tones of #395aff

Color Blindness Simulator