colorhexa.com

#403fc2 hex color

In a RGB color space, hex #403fc2 is composed of 25.1% red, 24.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 67.5% magenta, 0% yellow and 23.9% black. It has a hue angle of 240.5 degrees, a saturation of 51.8% and a lightness of 50.4%. #403fc2 color hex could be obtained by blending #807eff with #000085. Closest websafe color is: #3333cc.

- R 25
- G 25
- B 76
RGB color chart
- C 67
- M 68
- Y 0
- K 24
CMYK color chart

● #403fc2 color description : Moderate blue.

The hexadecimal color #403fc2 has RGB values of R:64, G:63, B:194 and CMYK values of C:0.67, M:0.68, Y:0, K:0.24. Its decimal value is 4210626.

Hex triplet	403fc2	`#403fc2`
RGB Decimal	64, 63, 194	`rgb(64,63,194)`
RGB Percent	25.1, 24.7, 76.1	`rgb(25.1%,24.7%,76.1%)`
CMYK	67, 68, 0, 24
HSL	240.5°, 51.8, 50.4	`hsl(240.5,51.8%,50.4%)`
HSV (or HSB)	240.5°, 67.5, 76.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.082, 41.515, -68.225
XYZ	13.628, 8.539, 51.966
xyY	0.184, 0.115, 8.539
CIE-LCH	35.082, 79.863, 301.321
CIE-LUV	35.082, -6.697, -95.821
Hunter-Lab	29.222, 32.103, -84.981
Binary	01000000, 00111111, 11000010

#403fc2
```
#403fc2 rgb(64,63,194)
```
#c1c23f
```
#c1c23f rgb(193,194,63)
```

Complementary Color

#3f80c2
```
#3f80c2 rgb(63,128,194)
```
#403fc2
```
#403fc2 rgb(64,63,194)
```
#823fc2
```
#823fc2 rgb(130,63,194)
```

Analogous Color

#80c23f
```
#80c23f rgb(128,194,63)
```
#403fc2
```
#403fc2 rgb(64,63,194)
```
#c2823f
```
#c2823f rgb(194,130,63)
```

Split Complementary Color

#3fc240
```
#3fc240 rgb(63,194,64)
```
#403fc2
```
#403fc2 rgb(64,63,194)
```
#c2403f
```
#c2403f rgb(194,64,63)
```

Triadic Color

#3fc1c2
```
#3fc1c2 rgb(63,193,194)
```
#403fc2
```
#403fc2 rgb(64,63,194)
```
#c2403f
```
#c2403f rgb(194,64,63)
```
#c1c23f
```
#c1c23f rgb(193,194,63)
```

Tetradic Color

#2c2c89
```
#2c2c89 rgb(44,44,137)
```
#32329c
```
#32329c rgb(50,50,156)
```
#3938b0
```
#3938b0 rgb(57,56,176)
```
#403fc2
```
#403fc2 rgb(64,63,194)
```
#5352c8
```
#5352c8 rgb(83,82,200)
```
#6766ce
```
#6766ce rgb(103,102,206)
```
#7a79d4
```
#7a79d4 rgb(122,121,212)
```

Monochromatic Color

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

#3f5fc2
```
#3f5fc2 rgb(63,95,194)
```
#3f54c2
```
#3f54c2 rgb(63,84,194)
```
#3f49c2
```
#3f49c2 rgb(63,73,194)
```
#403fc2
```
#403fc2 rgb(64,63,194)
```
#4b3fc2
```
#4b3fc2 rgb(75,63,194)
```
#563fc2
```
#563fc2 rgb(86,63,194)
```
#613fc2
```
#613fc2 rgb(97,63,194)
```

Similar Colors

Text with hexadecimal color #403fc2

This text has a font color of #403fc2.

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

#403fc2 background color

This paragraph has a background color of #403fc2.

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

#403fc2 border color

This element has a border color of #403fc2.

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

CSS codes

.text {color:#403fc2;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#050510
```
#050510 rgb(5,5,16)
```
#0a0a1f
```
#0a0a1f rgb(10,10,31)
```
#0f0f2e
```
#0f0f2e rgb(15,15,46)
```
#14133d
```
#14133d rgb(20,19,61)
```
#19184c
```
#19184c rgb(25,24,76)
```
#1d1d5b
```
#1d1d5b rgb(29,29,91)
```
#22226a
```
#22226a rgb(34,34,106)
```
#272679
```
#272679 rgb(39,38,121)
```
#2c2b87
```
#2c2b87 rgb(44,43,135)
```
#313096
```
#313096 rgb(49,48,150)
```
#3535a5
```
#3535a5 rgb(53,53,165)
```
#3a39b4
```
#3a39b4 rgb(58,57,180)
```

Shade Color Variation

#403fc2
```
#403fc2 rgb(64,63,194)
```
#4f4ec7
```
#4f4ec7 rgb(79,78,199)
```
#5e5dcb
```
#5e5dcb rgb(94,93,203)
```
#6c6cd0
```
#6c6cd0 rgb(108,108,208)
```
#7b7bd5
```
#7b7bd5 rgb(123,123,213)
```
#8a89da
```
#8a89da rgb(138,137,218)
```
#9998de
```
#9998de rgb(153,152,222)
```
#a8a7e3
```
#a8a7e3 rgb(168,167,227)
```
#b6b6e8
```
#b6b6e8 rgb(182,182,232)
```
#c5c5ed
```
#c5c5ed rgb(197,197,237)
```
#d4d4f1
```
#d4d4f1 rgb(212,212,241)
```
#e3e3f6
```
#e3e3f6 rgb(227,227,246)
```
#f2f2fb
```
#f2f2fb rgb(242,242,251)
```

Tint Color Variation

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

#797988
```
#797988 rgb(121,121,136)
```
#707091
```
#707091 rgb(112,112,145)
```
#66669b
```
#66669b rgb(102,102,155)
```
#5d5ca5
```
#5d5ca5 rgb(93,92,165)
```
#5352af
```
#5352af rgb(83,82,175)
```
#4a49b8
```
#4a49b8 rgb(74,73,184)
```
#403fc2
```
#403fc2 rgb(64,63,194)
```
#3635cc
```
#3635cc rgb(54,53,204)
```
#2d2cd5
```
#2d2cd5 rgb(45,44,213)
```
#2322df
```
#2322df rgb(35,34,223)
```
#1a18e9
```
#1a18e9 rgb(26,24,233)
```
#100ef3
```
#100ef3 rgb(16,14,243)
```
#0705fc
```
#0705fc rgb(7,5,252)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4b4b65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ad Protanopia 1% of men
#005d96 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#174fb4 Protanomaly 1% of men, 0.01% of women
#1752a6 Deuteranomaly 6% of men, 0.4% of women
#17568a Tritanomaly 0.01% of the population