#400cf2 hex color

In a RGB color space, hex #400cf2 is composed of 25.1% red, 4.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 95% magenta, 0% yellow and 5.1% black. It has a hue angle of 253.6 degrees, a saturation of 90.6% and a lightness of 49.8%. #400cf2 color hex could be obtained by blending #8018ff with #0000e5. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 25
- G 5
- B 95
RGB color chart
- C 74
- M 95
- Y 0
- K 5
CMYK color chart

● #400cf2 color description : Vivid blue.

The hexadecimal color #400cf2 has RGB values of R:64, G:12, B:242 and CMYK values of C:0.74, M:0.95, Y:0, K:0.05. Its decimal value is 4197618.

Hex triplet	400cf2	`#400cf2`
RGB Decimal	64, 12, 242	`rgb(64,12,242)`
RGB Percent	25.1, 4.7, 94.9	`rgb(25.1%,4.7%,94.9%)`
CMYK	74, 95, 0, 5
HSL	253.6°, 90.6, 49.8	`hsl(253.6,90.6%,49.8%)`
HSV (or HSB)	253.6°, 95, 94.9
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.484, 75.267, -98.502
XYZ	18.27, 7.763, 84.535
xyY	0.165, 0.07, 7.763
CIE-LCH	33.484, 123.966, 307.384
CIE-LUV	33.484, -4.198, -125.546
Hunter-Lab	27.862, 68.29, -160.388
Binary	01000000, 00001100, 11110010

#400cf2
```
#400cf2 rgb(64,12,242)
```
#bef20c
```
#bef20c rgb(190,242,12)
```

Complementary Color

#0c4bf2
```
#0c4bf2 rgb(12,75,242)
```
#400cf2
```
#400cf2 rgb(64,12,242)
```
#b30cf2
```
#b30cf2 rgb(179,12,242)
```

Analogous Color

#4bf20c
```
#4bf20c rgb(75,242,12)
```
#400cf2
```
#400cf2 rgb(64,12,242)
```
#f2b30c
```
#f2b30c rgb(242,179,12)
```

Split Complementary Color

#0cf240
```
#0cf240 rgb(12,242,64)
```
#400cf2
```
#400cf2 rgb(64,12,242)
```
#f2400c
```
#f2400c rgb(242,64,12)
```

Triadic Color

#0cbef2
```
#0cbef2 rgb(12,190,242)
```
#400cf2
```
#400cf2 rgb(64,12,242)
```
#f2400c
```
#f2400c rgb(242,64,12)
```
#bef20c
```
#bef20c rgb(190,242,12)
```

Tetradic Color

#2d08a9
```
#2d08a9 rgb(45,8,169)
```
#330ac1
```
#330ac1 rgb(51,10,193)
```
#3a0bda
```
#3a0bda rgb(58,11,218)
```
#400cf2
```
#400cf2 rgb(64,12,242)
```
#5323f4
```
#5323f4 rgb(83,35,244)
```
#663cf5
```
#663cf5 rgb(102,60,245)
```
#7954f7
```
#7954f7 rgb(121,84,247)
```

Monochromatic Color

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

#0c11f2
```
#0c11f2 rgb(12,17,242)
```
#1a0cf2
```
#1a0cf2 rgb(26,12,242)
```
#2d0cf2
```
#2d0cf2 rgb(45,12,242)
```
#400cf2
```
#400cf2 rgb(64,12,242)
```
#530cf2
```
#530cf2 rgb(83,12,242)
```
#660cf2
```
#660cf2 rgb(102,12,242)
```
#7a0cf2
```
#7a0cf2 rgb(122,12,242)
```

Similar Colors

Text with hexadecimal color #400cf2

This text has a font color of #400cf2.

<span style="color:#400cf2;">Text here</span>

#400cf2 background color

This paragraph has a background color of #400cf2.

<p style="background-color:#400cf2;">Content here</p>

#400cf2 border color

This element has a border color of #400cf2.

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

CSS codes

.text {color:#400cf2;}

.background {background-color:#400cf2;}

.border {border:1px solid #400cf2;}

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

#050112
```
#050112 rgb(5,1,18)
```
#0a0224
```
#0a0224 rgb(10,2,36)
```
#0f0337
```
#0f0337 rgb(15,3,55)
```
#14044a
```
#14044a rgb(20,4,74)
```
#18055c
```
#18055c rgb(24,5,92)
```
#1d066f
```
#1d066f rgb(29,6,111)
```
#220682
```
#220682 rgb(34,6,130)
```
#270795
```
#270795 rgb(39,7,149)
```
#2c08a7
```
#2c08a7 rgb(44,8,167)
```
#3109ba
```
#3109ba rgb(49,9,186)
```
#360acd
```
#360acd rgb(54,10,205)
```
#3b0bdf
```
#3b0bdf rgb(59,11,223)
```
#400cf2
```
#400cf2 rgb(64,12,242)
```

Shade Color Variation

#4e1ef4
```
#4e1ef4 rgb(78,30,244)
```
#5d30f5
```
#5d30f5 rgb(93,48,245)
```
#6c43f6
```
#6c43f6 rgb(108,67,246)
```
#7a56f7
```
#7a56f7 rgb(122,86,247)
```
#8969f8
```
#8969f8 rgb(137,105,248)
```
#987bf8
```
#987bf8 rgb(152,123,248)
```
#a68ef9
```
#a68ef9 rgb(166,142,249)
```
#b5a1fa
```
#b5a1fa rgb(181,161,250)
```
#c4b3fb
```
#c4b3fb rgb(196,179,251)
```
#d2c6fc
```
#d2c6fc rgb(210,198,252)
```
#e1d9fd
```
#e1d9fd rgb(225,217,253)
```
#f0ebfe
```
#f0ebfe rgb(240,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7b7787
```
#7b7787 rgb(123,119,135)
```
#766e90
```
#766e90 rgb(118,110,144)
```
#70649a
```
#70649a rgb(112,100,154)
```
#6b5aa4
```
#6b5aa4 rgb(107,90,164)
```
#6550ae
```
#6550ae rgb(101,80,174)
```
#6047b7
```
#6047b7 rgb(96,71,183)
```
#5b3dc1
```
#5b3dc1 rgb(91,61,193)
```
#5533cb
```
#5533cb rgb(85,51,203)
```
#5029d5
```
#5029d5 rgb(80,41,213)
```
#4b20de
```
#4b20de rgb(75,32,222)
```
#4516e8
```
#4516e8 rgb(69,22,232)
```
#400cf2
```
#400cf2 rgb(64,12,242)
```
#3b02fc
```
#3b02fc rgb(59,2,252)
```

Tone Color Variation

Below, you can see how #400cf2 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

#363636 Achromatopsia 0.005% of the population
#382e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006065 Tritanopia 0.001% of the population

Trichromacy

#173ac1 Protanomaly 1% of men, 0.01% of women
#173db2 Deuteranomaly 6% of men, 0.4% of women
#174198 Tritanomaly 0.01% of the population

#400cf2 hex color

#400cf2 Color Information

#400cf2 Color Conversion

Color Schemes with #400cf2

Alternatives to #400cf2

#400cf2 Preview

Shades and Tints of #400cf2

Tones of #400cf2

Color Blindness Simulator