#403ac4 hex color

In a RGB color space, hex #403ac4 is composed of 25.1% red, 22.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 70.4% magenta, 0% yellow and 23.1% black. It has a hue angle of 242.6 degrees, a saturation of 54.3% and a lightness of 49.8%. #403ac4 color hex could be obtained by blending #8074ff with #000089. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 23
- B 77
RGB color chart
- C 67
- M 70
- Y 0
- K 23
CMYK color chart

● #403ac4 color description : Moderate blue.

The hexadecimal color #403ac4 has RGB values of R:64, G:58, B:196 and CMYK values of C:0.67, M:0.7, Y:0, K:0.23. Its decimal value is 4209348.

Hex triplet	403ac4	`#403ac4`
RGB Decimal	64, 58, 196	`rgb(64,58,196)`
RGB Percent	25.1, 22.7, 76.9	`rgb(25.1%,22.7%,76.9%)`
CMYK	67, 70, 0, 23
HSL	242.6°, 54.3, 49.8	`hsl(242.6,54.3%,49.8%)`
HSV (or HSB)	242.6°, 70.4, 76.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.192, 45.105, -70.856
XYZ	13.589, 8.101, 53.069
xyY	0.182, 0.108, 8.101
CIE-LCH	34.192, 83.994, 302.479
CIE-LUV	34.192, -5.844, -98.061
Hunter-Lab	28.462, 35.416, -90.626
Binary	01000000, 00111010, 11000100

#403ac4
```
#403ac4 rgb(64,58,196)
```
#bec43a
```
#bec43a rgb(190,196,58)
```

Complementary Color

#3a79c4
```
#3a79c4 rgb(58,121,196)
```
#403ac4
```
#403ac4 rgb(64,58,196)
```
#853ac4
```
#853ac4 rgb(133,58,196)
```

Analogous Color

#79c43a
```
#79c43a rgb(121,196,58)
```
#403ac4
```
#403ac4 rgb(64,58,196)
```
#c4853a
```
#c4853a rgb(196,133,58)
```

Split Complementary Color

#3ac440
```
#3ac440 rgb(58,196,64)
```
#403ac4
```
#403ac4 rgb(64,58,196)
```
#c4403a
```
#c4403a rgb(196,64,58)
```

Triadic Color

#3abec4
```
#3abec4 rgb(58,190,196)
```
#403ac4
```
#403ac4 rgb(64,58,196)
```
#c4403a
```
#c4403a rgb(196,64,58)
```
#bec43a
```
#bec43a rgb(190,196,58)
```

Tetradic Color

#2d2989
```
#2d2989 rgb(45,41,137)
```
#332e9d
```
#332e9d rgb(51,46,157)
```
#3a34b0
```
#3a34b0 rgb(58,52,176)
```
#403ac4
```
#403ac4 rgb(64,58,196)
```
#534dca
```
#534dca rgb(83,77,202)
```
#6661d0
```
#6661d0 rgb(102,97,208)
```
#7974d6
```
#7974d6 rgb(121,116,214)
```

Monochromatic Color

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

#3a57c4
```
#3a57c4 rgb(58,87,196)
```
#3a4bc4
```
#3a4bc4 rgb(58,75,196)
```
#3a40c4
```
#3a40c4 rgb(58,64,196)
```
#403ac4
```
#403ac4 rgb(64,58,196)
```
#4c3ac4
```
#4c3ac4 rgb(76,58,196)
```
#573ac4
```
#573ac4 rgb(87,58,196)
```
#623ac4
```
#623ac4 rgb(98,58,196)
```

Similar Colors

Text with hexadecimal color #403ac4

This text has a font color of #403ac4.

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

#403ac4 background color

This paragraph has a background color of #403ac4.

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

#403ac4 border color

This element has a border color of #403ac4.

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

CSS codes

.text {color:#403ac4;}

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

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

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, #05040e is the darkest color, while #fefeff is the lightest one.

#05040e
```
#05040e rgb(5,4,14)
```
#0a091e
```
#0a091e rgb(10,9,30)
```
#0f0d2d
```
#0f0d2d rgb(15,13,45)
```
#14123c
```
#14123c rgb(20,18,60)
```
#18164b
```
#18164b rgb(24,22,75)
```
#1d1b5a
```
#1d1b5a rgb(29,27,90)
```
#221f69
```
#221f69 rgb(34,31,105)
```
#272478
```
#272478 rgb(39,36,120)
```
#2c2887
```
#2c2887 rgb(44,40,135)
```
#312d97
```
#312d97 rgb(49,45,151)
```
#3631a6
```
#3631a6 rgb(54,49,166)
```
#3b36b5
```
#3b36b5 rgb(59,54,181)
```
#403ac4
```
#403ac4 rgb(64,58,196)
```

Shade Color Variation

#4e49c9
```
#4e49c9 rgb(78,73,201)
```
#5d58ce
```
#5d58ce rgb(93,88,206)
```
#6c67d2
```
#6c67d2 rgb(108,103,210)
```
#7a76d6
```
#7a76d6 rgb(122,118,214)
```
#8985db
```
#8985db rgb(137,133,219)
```
#9894df
```
#9894df rgb(152,148,223)
```
#a6a3e4
```
#a6a3e4 rgb(166,163,228)
```
#b5b3e8
```
#b5b3e8 rgb(181,179,232)
```
#c4c2ed
```
#c4c2ed rgb(196,194,237)
```
#d2d1f1
```
#d2d1f1 rgb(210,209,241)
```
#e1e0f6
```
#e1e0f6 rgb(225,224,246)
```
#f0effa
```
#f0effa rgb(240,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7e80 is the less saturated color, while #1309f5 is the most saturated one.

#7e7e80
```
#7e7e80 rgb(126,126,128)
```
#767589
```
#767589 rgb(118,117,137)
```
#6d6b93
```
#6d6b93 rgb(109,107,147)
```
#64619d
```
#64619d rgb(100,97,157)
```
#5b57a7
```
#5b57a7 rgb(91,87,167)
```
#524eb0
```
#524eb0 rgb(82,78,176)
```
#4944ba
```
#4944ba rgb(73,68,186)
```
#403ac4
```
#403ac4 rgb(64,58,196)
```
#3730ce
```
#3730ce rgb(55,48,206)
```
#2e26d8
```
#2e26d8 rgb(46,38,216)
```
#251de1
```
#251de1 rgb(37,29,225)
```
#1c13eb
```
#1c13eb rgb(28,19,235)
```
#1309f5
```
#1309f5 rgb(19,9,245)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4a4864 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a9 Protanopia 1% of men
#005b93 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#174cb2 Protanomaly 1% of men, 0.01% of women
#174fa4 Deuteranomaly 6% of men, 0.4% of women
#175389 Tritanomaly 0.01% of the population

#403ac4 hex color

#403ac4 Color Information

#403ac4 Color Conversion

Color Schemes with #403ac4

Alternatives to #403ac4

#403ac4 Preview

Shades and Tints of #403ac4

Tones of #403ac4

Color Blindness Simulator