#403f74 hex color

In a RGB color space, hex #403f74 is composed of 25.1% red, 24.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 45.7% magenta, 0% yellow and 54.5% black. It has a hue angle of 241.1 degrees, a saturation of 29.6% and a lightness of 35.1%. #403f74 color hex could be obtained by blending #807ee8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 25
- B 45
RGB color chart
- C 45
- M 46
- Y 0
- K 55
CMYK color chart

● #403f74 color description : Dark moderate blue.

The hexadecimal color #403f74 has RGB values of R:64, G:63, B:116 and CMYK values of C:0.45, M:0.46, Y:0, K:0.55. Its decimal value is 4210548.

Hex triplet	403f74	`#403f74`
RGB Decimal	64, 63, 116	`rgb(64,63,116)`
RGB Percent	25.1, 24.7, 45.5	`rgb(25.1%,24.7%,45.5%)`
CMYK	45, 46, 0, 55
HSL	241.1°, 29.6, 35.1	`hsl(241.1,29.6%,35.1%)`
HSV (or HSB)	241.1°, 45.7, 45.5
Web Safe	333366	`#333366`

CIE-LAB	29.174, 15.304, -30.42
XYZ	7.044, 5.906, 17.291
xyY	0.233, 0.195, 5.906
CIE-LCH	29.174, 34.053, 296.707
CIE-LUV	29.174, -2.59, -40.956
Hunter-Lab	24.302, 9.208, -25.174
Binary	01000000, 00111111, 01110100

#403f74
```
#403f74 rgb(64,63,116)
```
#73743f
```
#73743f rgb(115,116,63)
```

Complementary Color

#3f5974
```
#3f5974 rgb(63,89,116)
```
#403f74
```
#403f74 rgb(64,63,116)
```
#5b3f74
```
#5b3f74 rgb(91,63,116)
```

Analogous Color

#59743f
```
#59743f rgb(89,116,63)
```
#403f74
```
#403f74 rgb(64,63,116)
```
#745b3f
```
#745b3f rgb(116,91,63)
```

Split Complementary Color

#3f7440
```
#3f7440 rgb(63,116,64)
```
#403f74
```
#403f74 rgb(64,63,116)
```
#74403f
```
#74403f rgb(116,64,63)
```

Triadic Color

#3f7374
```
#3f7374 rgb(63,115,116)
```
#403f74
```
#403f74 rgb(64,63,116)
```
#74403f
```
#74403f rgb(116,64,63)
```
#73743f
```
#73743f rgb(115,116,63)
```

Tetradic Color

#252442
```
#252442 rgb(37,36,66)
```
#2e2d53
```
#2e2d53 rgb(46,45,83)
```
#373663
```
#373663 rgb(55,54,99)
```
#403f74
```
#403f74 rgb(64,63,116)
```
#494885
```
#494885 rgb(73,72,133)
```
#525195
```
#525195 rgb(82,81,149)
```
#5b5aa5
```
#5b5aa5 rgb(91,90,165)
```

Monochromatic Color

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

#3f4b74
```
#3f4b74 rgb(63,75,116)
```
#3f4774
```
#3f4774 rgb(63,71,116)
```
#3f4274
```
#3f4274 rgb(63,66,116)
```
#403f74
```
#403f74 rgb(64,63,116)
```
#443f74
```
#443f74 rgb(68,63,116)
```
#493f74
```
#493f74 rgb(73,63,116)
```
#4d3f74
```
#4d3f74 rgb(77,63,116)
```

Similar Colors

Text with hexadecimal color #403f74

This text has a font color of #403f74.

<span style="color:#403f74;">Text here</span>

#403f74 background color

This paragraph has a background color of #403f74.

<p style="background-color:#403f74;">Content here</p>

#403f74 border color

This element has a border color of #403f74.

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

CSS codes

.text {color:#403f74;}

.background {background-color:#403f74;}

.border {border:1px solid #403f74;}

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

#010102
```
#010102 rgb(1,1,2)
```
#08080e
```
#08080e rgb(8,8,14)
```
#0f0f1b
```
#0f0f1b rgb(15,15,27)
```
#161628
```
#161628 rgb(22,22,40)
```
#1d1c34
```
#1d1c34 rgb(29,28,52)
```
#242341
```
#242341 rgb(36,35,65)
```
#2b2a4e
```
#2b2a4e rgb(43,42,78)
```
#32315b
```
#32315b rgb(50,49,91)
```
#393867
```
#393867 rgb(57,56,103)
```
#403f74
```
#403f74 rgb(64,63,116)
```
#474681
```
#474681 rgb(71,70,129)
```
#4e4d8d
```
#4e4d8d rgb(78,77,141)
```
#55549a
```
#55549a rgb(85,84,154)
```

Shade Color Variation

#5d5ba6
```
#5d5ba6 rgb(93,91,166)
```
#6968ad
```
#6968ad rgb(105,104,173)
```
#7675b4
```
#7675b4 rgb(118,117,180)
```
#8381bb
```
#8381bb rgb(131,129,187)
```
#8f8ec2
```
#8f8ec2 rgb(143,142,194)
```
#9c9bc9
```
#9c9bc9 rgb(156,155,201)
```
#a8a8d0
```
#a8a8d0 rgb(168,168,208)
```
#b5b4d6
```
#b5b4d6 rgb(181,180,214)
```
#c2c1dd
```
#c2c1dd rgb(194,193,221)
```
#cecee4
```
#cecee4 rgb(206,206,228)
```
#dbdaeb
```
#dbdaeb rgb(219,218,235)
```
#e7e7f2
```
#e7e7f2 rgb(231,231,242)
```
#f4f4f9
```
#f4f4f9 rgb(244,244,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54545f is the less saturated color, while #0401b2 is the most saturated one.

#54545f
```
#54545f rgb(84,84,95)
```
#4d4d66
```
#4d4d66 rgb(77,77,102)
```
#47466d
```
#47466d rgb(71,70,109)
```
#403f74
```
#403f74 rgb(64,63,116)
```
#39387b
```
#39387b rgb(57,56,123)
```
#333182
```
#333182 rgb(51,49,130)
```
#2c2a89
```
#2c2a89 rgb(44,42,137)
```
#262390
```
#262390 rgb(38,35,144)
```
#1f1d96
```
#1f1d96 rgb(31,29,150)
```
#18169d
```
#18169d rgb(24,22,157)
```
#120fa4
```
#120fa4 rgb(18,15,164)
```
#0b08ab
```
#0b08ab rgb(11,8,171)
```
#0401b2
```
#0401b2 rgb(4,1,178)
```

Tone Color Variation

Below, you can see how #403f74 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

#454545 Achromatopsia 0.005% of the population
#44444e Atypical Achromatopsia 0.001% of the population

Dichromacy

#374c7e Protanopia 1% of men
#324e79 Deuteranopia 1% of men
#3e5157 Tritanopia 0.001% of the population

Trichromacy

#3a477a Protanomaly 1% of men, 0.01% of women
#374977 Deuteranomaly 6% of men, 0.4% of women
#3e4a61 Tritanomaly 0.01% of the population

#403f74 hex color

#403f74 Color Information

#403f74 Color Conversion

Color Schemes with #403f74

Alternatives to #403f74

#403f74 Preview

Shades and Tints of #403f74

Tones of #403f74

Color Blindness Simulator