#395fdb hex color

In a RGB color space, hex #395fdb is composed of 22.4% red, 37.3% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 56.6% magenta, 0% yellow and 14.1% black. It has a hue angle of 225.9 degrees, a saturation of 69.2% and a lightness of 54.1%. #395fdb color hex could be obtained by blending #72beff with #0000b7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 37
- B 86
RGB color chart
- C 74
- M 57
- Y 0
- K 14
CMYK color chart

● #395fdb color description : Bright blue.

The hexadecimal color #395fdb has RGB values of R:57, G:95, B:219 and CMYK values of C:0.74, M:0.57, Y:0, K:0.14. Its decimal value is 3760091.

Hex triplet	395fdb	`#395fdb`
RGB Decimal	57, 95, 219	`rgb(57,95,219)`
RGB Percent	22.4, 37.3, 85.9	`rgb(22.4%,37.3%,85.9%)`
CMYK	74, 57, 0, 14
HSL	225.9°, 69.2, 54.1	`hsl(225.9,69.2%,54.1%)`
HSV (or HSB)	225.9°, 74, 85.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.472, 29.439, -67.335
XYZ	18.563, 14.167, 68.77
xyY	0.183, 0.14, 14.167
CIE-LCH	44.472, 73.489, 293.615
CIE-LUV	44.472, -16.232, -102.224
Hunter-Lab	37.64, 22.163, -81.979
Binary	00111001, 01011111, 11011011

#395fdb
```
#395fdb rgb(57,95,219)
```
#dbb539
```
#dbb539 rgb(219,181,57)
```

Complementary Color

#39b0db
```
#39b0db rgb(57,176,219)
```
#395fdb
```
#395fdb rgb(57,95,219)
```
#6439db
```
#6439db rgb(100,57,219)
```

Analogous Color

#b0db39
```
#b0db39 rgb(176,219,57)
```
#395fdb
```
#395fdb rgb(57,95,219)
```
#db6439
```
#db6439 rgb(219,100,57)
```

Split Complementary Color

#5fdb39
```
#5fdb39 rgb(95,219,57)
```
#395fdb
```
#395fdb rgb(57,95,219)
```
#db395f
```
#db395f rgb(219,57,95)
```

Triadic Color

#39dbb5
```
#39dbb5 rgb(57,219,181)
```
#395fdb
```
#395fdb rgb(57,95,219)
```
#db395f
```
#db395f rgb(219,57,95)
```
#dbb539
```
#dbb539 rgb(219,181,57)
```

Tetradic Color

#1f3fa9
```
#1f3fa9 rgb(31,63,169)
```
#2347be
```
#2347be rgb(35,71,190)
```
#274fd4
```
#274fd4 rgb(39,79,212)
```
#395fdb
```
#395fdb rgb(57,95,219)
```
#4f70df
```
#4f70df rgb(79,112,223)
```
#6482e3
```
#6482e3 rgb(100,130,227)
```
#7a93e7
```
#7a93e7 rgb(122,147,231)
```

Monochromatic Color

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

#3988db
```
#3988db rgb(57,136,219)
```
#397adb
```
#397adb rgb(57,122,219)
```
#396ddb
```
#396ddb rgb(57,109,219)
```
#395fdb
```
#395fdb rgb(57,95,219)
```
#3952db
```
#3952db rgb(57,82,219)
```
#3944db
```
#3944db rgb(57,68,219)
```
#3b39db
```
#3b39db rgb(59,57,219)
```

Similar Colors

Text with hexadecimal color #395fdb

This text has a font color of #395fdb.

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

#395fdb background color

This paragraph has a background color of #395fdb.

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

#395fdb border color

This element has a border color of #395fdb.

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

CSS codes

.text {color:#395fdb;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030712
```
#030712 rgb(3,7,18)
```
#060d22
```
#060d22 rgb(6,13,34)
```
#091333
```
#091333 rgb(9,19,51)
```
#0c1944
```
#0c1944 rgb(12,25,68)
```
#0f1f54
```
#0f1f54 rgb(15,31,84)
```
#122665
```
#122665 rgb(18,38,101)
```
#152c75
```
#152c75 rgb(21,44,117)
```
#183286
```
#183286 rgb(24,50,134)
```
#1b3897
```
#1b3897 rgb(27,56,151)
```
#1e3ea7
```
#1e3ea7 rgb(30,62,167)
```
#2145b8
```
#2145b8 rgb(33,69,184)
```
#244bc8
```
#244bc8 rgb(36,75,200)
```

Shade Color Variation

#2852d8
```
#2852d8 rgb(40,82,216)
```
#395fdb
```
#395fdb rgb(57,95,219)
```
#4a6cde
```
#4a6cde rgb(74,108,222)
```
#5a7ae1
```
#5a7ae1 rgb(90,122,225)
```
#6b87e4
```
#6b87e4 rgb(107,135,228)
```
#7b95e7
```
#7b95e7 rgb(123,149,231)
```
#8ca2ea
```
#8ca2ea rgb(140,162,234)
```
#9dafed
```
#9dafed rgb(157,175,237)
```
#adbdf0
```
#adbdf0 rgb(173,189,240)
```
#becaf3
```
#becaf3 rgb(190,202,243)
```
#ced8f6
```
#ced8f6 rgb(206,216,246)
```
#dfe5f9
```
#dfe5f9 rgb(223,229,249)
```
#f0f3fc
```
#f0f3fc rgb(240,243,252)
```

Tint Color Variation

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

#818593
```
#818593 rgb(129,133,147)
```
#78809c
```
#78809c rgb(120,128,156)
```
#6f7ca5
```
#6f7ca5 rgb(111,124,165)
```
#6677ae
```
#6677ae rgb(102,119,174)
```
#5d72b7
```
#5d72b7 rgb(93,114,183)
```
#546dc0
```
#546dc0 rgb(84,109,192)
```
#4b69c9
```
#4b69c9 rgb(75,105,201)
```
#4264d2
```
#4264d2 rgb(66,100,210)
```
#395fdb
```
#395fdb rgb(57,95,219)
```
#305ae4
```
#305ae4 rgb(48,90,228)
```
#2755ed
```
#2755ed rgb(39,85,237)
```
#1e51f6
```
#1e51f6 rgb(30,81,246)
```
#154cff
```
#154cff rgb(21,76,255)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5a617a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073bb Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1468d8 Protanomaly 1% of men, 0.01% of women
#146cc7 Deuteranomaly 6% of men, 0.4% of women
#1471a3 Tritanomaly 0.01% of the population

#395fdb hex color

#395fdb Color Information

#395fdb Color Conversion

Color Schemes with #395fdb

Alternatives to #395fdb

#395fdb Preview

Shades and Tints of #395fdb

Tones of #395fdb

Color Blindness Simulator