#395af7 hex color

In a RGB color space, hex #395af7 is composed of 22.4% red, 35.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 63.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 229.6 degrees, a saturation of 92.2% and a lightness of 59.6%. #395af7 color hex could be obtained by blending #72b4ff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 22
- G 35
- B 97
RGB color chart
- C 77
- M 64
- Y 0
- K 3
CMYK color chart

● #395af7 color description : Bright blue.

The hexadecimal color #395af7 has RGB values of R:57, G:90, B:247 and CMYK values of C:0.77, M:0.64, Y:0, K:0.03. Its decimal value is 3758839.

Hex triplet	395af7	`#395af7`
RGB Decimal	57, 90, 247	`rgb(57,90,247)`
RGB Percent	22.4, 35.3, 96.9	`rgb(22.4%,35.3%,96.9%)`
CMYK	77, 64, 0, 3
HSL	229.6°, 92.2, 59.6	`hsl(229.6,92.2%,59.6%)`
HSV (or HSB)	229.6°, 76.9, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.491, 42.542, -81.468
XYZ	22.129, 14.896, 89.7
xyY	0.175, 0.118, 14.896
CIE-LCH	45.491, 91.907, 297.573
CIE-LUV	45.491, -15.291, -122.92
Hunter-Lab	38.595, 34.8, -110.779
Binary	00111001, 01011010, 11110111

#395af7
```
#395af7 rgb(57,90,247)
```
#f7d639
```
#f7d639 rgb(247,214,57)
```

Complementary Color

#39b9f7
```
#39b9f7 rgb(57,185,247)
```
#395af7
```
#395af7 rgb(57,90,247)
```
#7739f7
```
#7739f7 rgb(119,57,247)
```

Analogous Color

#b9f739
```
#b9f739 rgb(185,247,57)
```
#395af7
```
#395af7 rgb(57,90,247)
```
#f77739
```
#f77739 rgb(247,119,57)
```

Split Complementary Color

#5af739
```
#5af739 rgb(90,247,57)
```
#395af7
```
#395af7 rgb(57,90,247)
```
#f7395a
```
#f7395a rgb(247,57,90)
```

Triadic Color

#39f7d6
```
#39f7d6 rgb(57,247,214)
```
#395af7
```
#395af7 rgb(57,90,247)
```
#f7395a
```
#f7395a rgb(247,57,90)
```
#f7d639
```
#f7d639 rgb(247,214,57)
```

Tetradic Color

#092ddb
```
#092ddb rgb(9,45,219)
```
#0a32f3
```
#0a32f3 rgb(10,50,243)
```
#2046f6
```
#2046f6 rgb(32,70,246)
```
#395af7
```
#395af7 rgb(57,90,247)
```
#526ef8
```
#526ef8 rgb(82,110,248)
```
#6a83f9
```
#6a83f9 rgb(106,131,249)
```
#8397fa
```
#8397fa rgb(131,151,250)
```

Monochromatic Color

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

#398af7
```
#398af7 rgb(57,138,247)
```
#397af7
```
#397af7 rgb(57,122,247)
```
#396af7
```
#396af7 rgb(57,106,247)
```
#395af7
```
#395af7 rgb(57,90,247)
```
#394af7
```
#394af7 rgb(57,74,247)
```
#393af7
```
#393af7 rgb(57,58,247)
```
#4739f7
```
#4739f7 rgb(71,57,247)
```

Similar Colors

Text with hexadecimal color #395af7

This text has a font color of #395af7.

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

#395af7 background color

This paragraph has a background color of #395af7.

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

#395af7 border color

This element has a border color of #395af7.

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

CSS codes

.text {color:#395af7;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#01061c
```
#01061c rgb(1,6,28)
```
#020a2f
```
#020a2f rgb(2,10,47)
```
#030e42
```
#030e42 rgb(3,14,66)
```
#031255
```
#031255 rgb(3,18,85)
```
#041568
```
#041568 rgb(4,21,104)
```
#05197b
```
#05197b rgb(5,25,123)
```
#061d8d
```
#061d8d rgb(6,29,141)
```
#0621a0
```
#0621a0 rgb(6,33,160)
```
#0725b3
```
#0725b3 rgb(7,37,179)
```
#0829c6
```
#0829c6 rgb(8,41,198)
```
#092dd9
```
#092dd9 rgb(9,45,217)
```
#0a31ec
```
#0a31ec rgb(10,49,236)
```

Shade Color Variation

#133bf5
```
#133bf5 rgb(19,59,245)
```
#264af6
```
#264af6 rgb(38,74,246)
```
#395af7
```
#395af7 rgb(57,90,247)
```
#4c6af8
```
#4c6af8 rgb(76,106,248)
```
#5f79f9
```
#5f79f9 rgb(95,121,249)
```
#7289f9
```
#7289f9 rgb(114,137,249)
```
#8499fa
```
#8499fa rgb(132,153,250)
```
#97a9fb
```
#97a9fb rgb(151,169,251)
```
#aab8fc
```
#aab8fc rgb(170,184,252)
```
#bdc8fc
```
#bdc8fc rgb(189,200,252)
```
#d0d8fd
```
#d0d8fd rgb(208,216,253)
```
#e3e7fe
```
#e3e7fe rgb(227,231,254)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9093a0 is the less saturated color, while #3155ff is the most saturated one.

#9093a0
```
#9093a0 rgb(144,147,160)
```
#888ea8
```
#888ea8 rgb(136,142,168)
```
#8089b0
```
#8089b0 rgb(128,137,176)
```
#7883b8
```
#7883b8 rgb(120,131,184)
```
#707ec0
```
#707ec0 rgb(112,126,192)
```
#6979c7
```
#6979c7 rgb(105,121,199)
```
#6174cf
```
#6174cf rgb(97,116,207)
```
#596fd7
```
#596fd7 rgb(89,111,215)
```
#516adf
```
#516adf rgb(81,106,223)
```
#4964e7
```
#4964e7 rgb(73,100,231)
```
#415fef
```
#415fef rgb(65,95,239)
```
#395af7
```
#395af7 rgb(57,90,247)
```
#3155ff
```
#3155ff rgb(49,85,255)
```

Tone Color Variation

Below, you can see how #395af7 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
#5a6080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#1467e4 Protanomaly 1% of men, 0.01% of women
#146cd2 Deuteranomaly 6% of men, 0.4% of women
#1471ae Tritanomaly 0.01% of the population

#395af7 hex color

#395af7 Color Information

#395af7 Color Conversion

Color Schemes with #395af7

Alternatives to #395af7

#395af7 Preview

Shades and Tints of #395af7

Tones of #395af7

Color Blindness Simulator