#394faf hex color

In a RGB color space, hex #394faf is composed of 22.4% red, 31% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 54.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 228.8 degrees, a saturation of 50.9% and a lightness of 45.5%. #394faf color hex could be obtained by blending #729eff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 31
- B 69
RGB color chart
- C 67
- M 55
- Y 0
- K 31
CMYK color chart

● #394faf color description : Dark moderate blue.

The hexadecimal color #394faf has RGB values of R:57, G:79, B:175 and CMYK values of C:0.67, M:0.55, Y:0, K:0.31. Its decimal value is 3755951.

Hex triplet	394faf	`#394faf`
RGB Decimal	57, 79, 175	`rgb(57,79,175)`
RGB Percent	22.4, 31, 68.6	`rgb(22.4%,31%,68.6%)`
CMYK	67, 55, 0, 31
HSL	228.8°, 50.9, 45.5	`hsl(228.8,50.9%,45.5%)`
HSV (or HSB)	228.8°, 67.4, 68.6
Web Safe	336699	`#336699`

CIE-LAB	37.034, 23.759, -53.868
XYZ	12.22, 9.556, 41.756
xyY	0.192, 0.15, 9.556
CIE-LCH	37.034, 58.874, 293.8
CIE-LUV	37.034, -11.454, -78.032
Hunter-Lab	30.913, 16.461, -58.446
Binary	00111001, 01001111, 10101111

#394faf
```
#394faf rgb(57,79,175)
```
#af9939
```
#af9939 rgb(175,153,57)
```

Complementary Color

#398aaf
```
#398aaf rgb(57,138,175)
```
#394faf
```
#394faf rgb(57,79,175)
```
#5e39af
```
#5e39af rgb(94,57,175)
```

Analogous Color

#8aaf39
```
#8aaf39 rgb(138,175,57)
```
#394faf
```
#394faf rgb(57,79,175)
```
#af5e39
```
#af5e39 rgb(175,94,57)
```

Split Complementary Color

#4faf39
```
#4faf39 rgb(79,175,57)
```
#394faf
```
#394faf rgb(57,79,175)
```
#af394f
```
#af394f rgb(175,57,79)
```

Triadic Color

#39af99
```
#39af99 rgb(57,175,153)
```
#394faf
```
#394faf rgb(57,79,175)
```
#af394f
```
#af394f rgb(175,57,79)
```
#af9939
```
#af9939 rgb(175,153,57)
```

Tetradic Color

#263575
```
#263575 rgb(38,53,117)
```
#2c3e89
```
#2c3e89 rgb(44,62,137)
```
#33469c
```
#33469c rgb(51,70,156)
```
#394faf
```
#394faf rgb(57,79,175)
```
#4158c1
```
#4158c1 rgb(65,88,193)
```
#5469c7
```
#5469c7 rgb(84,105,199)
```
#677acd
```
#677acd rgb(103,122,205)
```

Monochromatic Color

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

#396daf
```
#396daf rgb(57,109,175)
```
#3963af
```
#3963af rgb(57,99,175)
```
#3959af
```
#3959af rgb(57,89,175)
```
#394faf
```
#394faf rgb(57,79,175)
```
#3945af
```
#3945af rgb(57,69,175)
```
#393baf
```
#393baf rgb(57,59,175)
```
#4039af
```
#4039af rgb(64,57,175)
```

Similar Colors

Text with hexadecimal color #394faf

This text has a font color of #394faf.

<span style="color:#394faf;">Text here</span>

#394faf background color

This paragraph has a background color of #394faf.

<p style="background-color:#394faf;">Content here</p>

#394faf border color

This element has a border color of #394faf.

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

CSS codes

.text {color:#394faf;}

.background {background-color:#394faf;}

.border {border:1px solid #394faf;}

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, #04060c is the darkest color, while #fcfdfe is the lightest one.

#04060c
```
#04060c rgb(4,6,12)
```
#090c1b
```
#090c1b rgb(9,12,27)
```
#0e132a
```
#0e132a rgb(14,19,42)
```
#121a39
```
#121a39 rgb(18,26,57)
```
#172047
```
#172047 rgb(23,32,71)
```
#1c2756
```
#1c2756 rgb(28,39,86)
```
#212e65
```
#212e65 rgb(33,46,101)
```
#263474
```
#263474 rgb(38,52,116)
```
#2b3b83
```
#2b3b83 rgb(43,59,131)
```
#2f4291
```
#2f4291 rgb(47,66,145)
```
#3448a0
```
#3448a0 rgb(52,72,160)
```
#394faf
```
#394faf rgb(57,79,175)
```
#3e56be
```
#3e56be rgb(62,86,190)
```

Shade Color Variation

#4b62c4
```
#4b62c4 rgb(75,98,196)
```
#5a6ec9
```
#5a6ec9 rgb(90,110,201)
```
#687bce
```
#687bce rgb(104,123,206)
```
#7788d3
```
#7788d3 rgb(119,136,211)
```
#8695d8
```
#8695d8 rgb(134,149,216)
```
#95a2dc
```
#95a2dc rgb(149,162,220)
```
#a4afe1
```
#a4afe1 rgb(164,175,225)
```
#b2bce6
```
#b2bce6 rgb(178,188,230)
```
#c1c9eb
```
#c1c9eb rgb(193,201,235)
```
#d0d6f0
```
#d0d6f0 rgb(208,214,240)
```
#dfe3f5
```
#dfe3f5 rgb(223,227,245)
```
#eef0f9
```
#eef0f9 rgb(238,240,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7179 is the less saturated color, while #032de5 is the most saturated one.

#6f7179
```
#6f7179 rgb(111,113,121)
```
#666b82
```
#666b82 rgb(102,107,130)
```
#5d658b
```
#5d658b rgb(93,101,139)
```
#546094
```
#546094 rgb(84,96,148)
```
#4b5a9d
```
#4b5a9d rgb(75,90,157)
```
#4255a6
```
#4255a6 rgb(66,85,166)
```
#394faf
```
#394faf rgb(57,79,175)
```
#3049b8
```
#3049b8 rgb(48,73,184)
```
#2744c1
```
#2744c1 rgb(39,68,193)
```
#1e3eca
```
#1e3eca rgb(30,62,202)
```
#1539d3
```
#1539d3 rgb(21,57,211)
```
#0c33dc
```
#0c33dc rgb(12,51,220)
```
#032de5
```
#032de5 rgb(3,45,229)
```

Tone Color Variation

Below, you can see how #394faf 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

#535353 Achromatopsia 0.005% of the population
#4e5265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb6 Protanopia 1% of men
#0061a0 Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#1457b3 Protanomaly 1% of men, 0.01% of women
#145ba5 Deuteranomaly 6% of men, 0.4% of women
#145f87 Tritanomaly 0.01% of the population

#394faf hex color

#394faf Color Information

#394faf Color Conversion

Color Schemes with #394faf

Alternatives to #394faf

#394faf Preview

Shades and Tints of #394faf

Tones of #394faf

Color Blindness Simulator