#400cff hex color

In a RGB color space, hex #400cff is composed of 25.1% red, 4.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 95.3% magenta, 0% yellow and 0% black. It has a hue angle of 252.8 degrees, a saturation of 100% and a lightness of 52.4%. #400cff color hex could be obtained by blending #8018ff with #0000ff. Closest websafe color is: #3300ff.

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

● #400cff color description : Vivid blue.

The hexadecimal color #400cff has RGB values of R:64, G:12, B:255 and CMYK values of C:0.75, M:0.95, Y:0, K:0. Its decimal value is 4197631.

Hex triplet	400cff	`#400cff`
RGB Decimal	64, 12, 255	`rgb(64,12,255)`
RGB Percent	25.1, 4.7, 100	`rgb(25.1%,4.7%,100%)`
CMYK	75, 95, 0, 0
HSL	252.8°, 100, 52.4	`hsl(252.8,100%,52.4%)`
HSV (or HSB)	252.8°, 95.3, 100
Web Safe	3300ff	`#3300ff`

CIE-LAB	35.146, 78.379, -103.053
XYZ	20.292, 8.572, 95.187
xyY	0.164, 0.069, 8.572
CIE-LCH	35.146, 129.472, 307.256
CIE-LUV	35.146, -5.026, -132.848
Hunter-Lab	29.278, 72.483, -172.27
Binary	01000000, 00001100, 11111111

#400cff
```
#400cff rgb(64,12,255)
```
#cbff0c
```
#cbff0c rgb(203,255,12)
```

Complementary Color

#0c52ff
```
#0c52ff rgb(12,82,255)
```
#400cff
```
#400cff rgb(64,12,255)
```
#ba0cff
```
#ba0cff rgb(186,12,255)
```

Analogous Color

#52ff0c
```
#52ff0c rgb(82,255,12)
```
#400cff
```
#400cff rgb(64,12,255)
```
#ffba0c
```
#ffba0c rgb(255,186,12)
```

Split Complementary Color

#0cff40
```
#0cff40 rgb(12,255,64)
```
#400cff
```
#400cff rgb(64,12,255)
```
#ff400c
```
#ff400c rgb(255,64,12)
```

Triadic Color

#0ccbff
```
#0ccbff rgb(12,203,255)
```
#400cff
```
#400cff rgb(64,12,255)
```
#ff400c
```
#ff400c rgb(255,64,12)
```
#cbff0c
```
#cbff0c rgb(203,255,12)
```

Tetradic Color

#2900bf
```
#2900bf rgb(41,0,191)
```
#2e00d8
```
#2e00d8 rgb(46,0,216)
```
#3400f2
```
#3400f2 rgb(52,0,242)
```
#400cff
```
#400cff rgb(64,12,255)
```
#5426ff
```
#5426ff rgb(84,38,255)
```
#683fff
```
#683fff rgb(104,63,255)
```
#7c59ff
```
#7c59ff rgb(124,89,255)
```

Monochromatic Color

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

#0c15ff
```
#0c15ff rgb(12,21,255)
```
#170cff
```
#170cff rgb(23,12,255)
```
#2c0cff
```
#2c0cff rgb(44,12,255)
```
#400cff
```
#400cff rgb(64,12,255)
```
#540cff
```
#540cff rgb(84,12,255)
```
#690cff
```
#690cff rgb(105,12,255)
```
#7d0cff
```
#7d0cff rgb(125,12,255)
```

Similar Colors

Text with hexadecimal color #400cff

This text has a font color of #400cff.

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

#400cff background color

This paragraph has a background color of #400cff.

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

#400cff border color

This element has a border color of #400cff.

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

CSS codes

.text {color:#400cff;}

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

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

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, #03000c is the darkest color, while #f9f7ff is the lightest one.

#03000c
```
#03000c rgb(3,0,12)
```
#070020
```
#070020 rgb(7,0,32)
```
#0b0033
```
#0b0033 rgb(11,0,51)
```
#0f0047
```
#0f0047 rgb(15,0,71)
```
#13005a
```
#13005a rgb(19,0,90)
```
#18006e
```
#18006e rgb(24,0,110)
```
#1c0082
```
#1c0082 rgb(28,0,130)
```
#200095
```
#200095 rgb(32,0,149)
```
#2400a9
```
#2400a9 rgb(36,0,169)
```
#2800bd
```
#2800bd rgb(40,0,189)
```
#2d00d0
```
#2d00d0 rgb(45,0,208)
```
#3100e4
```
#3100e4 rgb(49,0,228)
```
#3500f7
```
#3500f7 rgb(53,0,247)
```

Shade Color Variation

#400cff
```
#400cff rgb(64,12,255)
```
#4f20ff
```
#4f20ff rgb(79,32,255)
```
#5f33ff
```
#5f33ff rgb(95,51,255)
```
#6e47ff
```
#6e47ff rgb(110,71,255)
```
#7e5aff
```
#7e5aff rgb(126,90,255)
```
#8d6eff
```
#8d6eff rgb(141,110,255)
```
#9d82ff
```
#9d82ff rgb(157,130,255)
```
#ac95ff
```
#ac95ff rgb(172,149,255)
```
#bba9ff
```
#bba9ff rgb(187,169,255)
```
#cbbdff
```
#cbbdff rgb(203,189,255)
```
#dad0ff
```
#dad0ff rgb(218,208,255)
```
#eae4ff
```
#eae4ff rgb(234,228,255)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

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

#807c8f
```
#807c8f rgb(128,124,143)
```
#7b7398
```
#7b7398 rgb(123,115,152)
```
#7569a2
```
#7569a2 rgb(117,105,162)
```
#7060ab
```
#7060ab rgb(112,96,171)
```
#6b57b4
```
#6b57b4 rgb(107,87,180)
```
#654dbe
```
#654dbe rgb(101,77,190)
```
#6044c7
```
#6044c7 rgb(96,68,199)
```
#5b3bd0
```
#5b3bd0 rgb(91,59,208)
```
#5531da
```
#5531da rgb(85,49,218)
```
#5028e3
```
#5028e3 rgb(80,40,227)
```
#4b1fec
```
#4b1fec rgb(75,31,236)
```
#4515f6
```
#4515f6 rgb(69,21,246)
```
#400cff
```
#400cff rgb(64,12,255)
```

Tone Color Variation

Below, you can see how #400cff 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
#392e5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ac Protanopia 1% of men
#005e94 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#173dca Protanomaly 1% of men, 0.01% of women
#1740bb Deuteranomaly 6% of men, 0.4% of women
#17449f Tritanomaly 0.01% of the population

#400cff hex color

#400cff Color Information

#400cff Color Conversion

Color Schemes with #400cff

Alternatives to #400cff

#400cff Preview

Shades and Tints of #400cff

Tones of #400cff

Color Blindness Simulator