#400cf9 hex color

In a RGB color space, hex #400cf9 is composed of 25.1% red, 4.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 95.2% magenta, 0% yellow and 2.4% black. It has a hue angle of 253.2 degrees, a saturation of 95.2% and a lightness of 51.2%. #400cf9 color hex could be obtained by blending #8018ff with #0000f3. Closest websafe color is: #3300ff.

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

● #400cf9 color description : Vivid blue.

The hexadecimal color #400cf9 has RGB values of R:64, G:12, B:249 and CMYK values of C:0.74, M:0.95, Y:0, K:0.02. Its decimal value is 4197625.

Hex triplet	400cf9	`#400cf9`
RGB Decimal	64, 12, 249	`rgb(64,12,249)`
RGB Percent	25.1, 4.7, 97.6	`rgb(25.1%,4.7%,97.6%)`
CMYK	74, 95, 0, 2
HSL	253.2°, 95.2, 51.2	`hsl(253.2,95.2%,51.2%)`
HSV (or HSB)	253.2°, 95.2, 97.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.378, 76.946, -100.962
XYZ	19.341, 8.191, 90.179
xyY	0.164, 0.07, 8.191
CIE-LCH	34.378, 126.941, 307.312
CIE-LUV	34.378, -4.648, -129.483
Hunter-Lab	28.621, 70.542, -166.779
Binary	01000000, 00001100, 11111001

#400cf9
```
#400cf9 rgb(64,12,249)
```
#c5f90c
```
#c5f90c rgb(197,249,12)
```

Complementary Color

#0c4ff9
```
#0c4ff9 rgb(12,79,249)
```
#400cf9
```
#400cf9 rgb(64,12,249)
```
#b70cf9
```
#b70cf9 rgb(183,12,249)
```

Analogous Color

#4ff90c
```
#4ff90c rgb(79,249,12)
```
#400cf9
```
#400cf9 rgb(64,12,249)
```
#f9b70c
```
#f9b70c rgb(249,183,12)
```

Split Complementary Color

#0cf940
```
#0cf940 rgb(12,249,64)
```
#400cf9
```
#400cf9 rgb(64,12,249)
```
#f9400c
```
#f9400c rgb(249,64,12)
```

Triadic Color

#0cc5f9
```
#0cc5f9 rgb(12,197,249)
```
#400cf9
```
#400cf9 rgb(64,12,249)
```
#f9400c
```
#f9400c rgb(249,64,12)
```
#c5f90c
```
#c5f90c rgb(197,249,12)
```

Tetradic Color

#2b04b4
```
#2b04b4 rgb(43,4,180)
```
#3105cd
```
#3105cd rgb(49,5,205)
```
#3706e6
```
#3706e6 rgb(55,6,230)
```
#400cf9
```
#400cf9 rgb(64,12,249)
```
#5425fa
```
#5425fa rgb(84,37,250)
```
#673efa
```
#673efa rgb(103,62,250)
```
#7b57fb
```
#7b57fb rgb(123,87,251)
```

Monochromatic Color

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

#0c13f9
```
#0c13f9 rgb(12,19,249)
```
#180cf9
```
#180cf9 rgb(24,12,249)
```
#2c0cf9
```
#2c0cf9 rgb(44,12,249)
```
#400cf9
```
#400cf9 rgb(64,12,249)
```
#540cf9
```
#540cf9 rgb(84,12,249)
```
#680cf9
```
#680cf9 rgb(104,12,249)
```
#7b0cf9
```
#7b0cf9 rgb(123,12,249)
```

Similar Colors

Text with hexadecimal color #400cf9

This text has a font color of #400cf9.

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

#400cf9 background color

This paragraph has a background color of #400cf9.

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

#400cf9 border color

This element has a border color of #400cf9.

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

CSS codes

.text {color:#400cf9;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#060119
```
#060119 rgb(6,1,25)
```
#0b012c
```
#0b012c rgb(11,1,44)
```
#0f023f
```
#0f023f rgb(15,2,63)
```
#140252
```
#140252 rgb(20,2,82)
```
#180366
```
#180366 rgb(24,3,102)
```
#1d0379
```
#1d0379 rgb(29,3,121)
```
#21038c
```
#21038c rgb(33,3,140)
```
#26049f
```
#26049f rgb(38,4,159)
```
#2b04b2
```
#2b04b2 rgb(43,4,178)
```
#2f05c5
```
#2f05c5 rgb(47,5,197)
```
#3405d8
```
#3405d8 rgb(52,5,216)
```
#3806ec
```
#3806ec rgb(56,6,236)
```

Shade Color Variation

#400cf9
```
#400cf9 rgb(64,12,249)
```
#4f1ff9
```
#4f1ff9 rgb(79,31,249)
```
#5e32fa
```
#5e32fa rgb(94,50,250)
```
#6d45fa
```
#6d45fa rgb(109,69,250)
```
#7c59fb
```
#7c59fb rgb(124,89,251)
```
#8b6cfb
```
#8b6cfb rgb(139,108,251)
```
#9a7ffc
```
#9a7ffc rgb(154,127,252)
```
#a992fc
```
#a992fc rgb(169,146,252)
```
#b8a5fd
```
#b8a5fd rgb(184,165,253)
```
#c7b8fd
```
#c7b8fd rgb(199,184,253)
```
#d6cbfe
```
#d6cbfe rgb(214,203,254)
```
#e6dffe
```
#e6dffe rgb(230,223,254)
```
#f5f2ff
```
#f5f2ff rgb(245,242,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #807f86 is the less saturated color, while #400cf9 is the most saturated one.

#807f86
```
#807f86 rgb(128,127,134)
```
#7b7590
```
#7b7590 rgb(123,117,144)
```
#766c99
```
#766c99 rgb(118,108,153)
```
#7062a3
```
#7062a3 rgb(112,98,163)
```
#6b59ac
```
#6b59ac rgb(107,89,172)
```
#664fb6
```
#664fb6 rgb(102,79,182)
```
#6045c0
```
#6045c0 rgb(96,69,192)
```
#5b3cc9
```
#5b3cc9 rgb(91,60,201)
```
#5532d3
```
#5532d3 rgb(85,50,211)
```
#5029dc
```
#5029dc rgb(80,41,220)
```
#4b1fe6
```
#4b1fe6 rgb(75,31,230)
```
#4516ef
```
#4516ef rgb(69,22,239)
```
#400cf9
```
#400cf9 rgb(64,12,249)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#392e5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#173cc6 Protanomaly 1% of men, 0.01% of women
#173fb7 Deuteranomaly 6% of men, 0.4% of women
#17439c Tritanomaly 0.01% of the population

#400cf9 hex color

#400cf9 Color Information

#400cf9 Color Conversion

Color Schemes with #400cf9

Alternatives to #400cf9

#400cf9 Preview

Shades and Tints of #400cf9

Tones of #400cf9

Color Blindness Simulator