#2c64ff hex color

In a RGB color space, hex #2c64ff is composed of 17.3% red, 39.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 60.8% magenta, 0% yellow and 0% black. It has a hue angle of 224.1 degrees, a saturation of 100% and a lightness of 58.6%. #2c64ff color hex could be obtained by blending #58c8ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 39
- B 100
RGB color chart
- C 83
- M 61
- Y 0
- K 0
CMYK color chart

● #2c64ff color description : Vivid blue.

The hexadecimal color #2c64ff has RGB values of R:44, G:100, B:255 and CMYK values of C:0.83, M:0.61, Y:0, K:0. Its decimal value is 2909439.

Hex triplet	2c64ff	`#2c64ff`
RGB Decimal	44, 100, 255	`rgb(44,100,255)`
RGB Percent	17.3, 39.2, 100	`rgb(17.3%,39.2%,100%)`
CMYK	83, 61, 0, 0
HSL	224.1°, 100, 58.6	`hsl(224.1,100%,58.6%)`
HSV (or HSB)	224.1°, 82.7, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.093, 38.187, -81.68
XYZ	23.642, 16.868, 96.612
xyY	0.172, 0.123, 16.868
CIE-LCH	48.093, 90.165, 295.057
CIE-LUV	48.093, -19.322, -125.263
Hunter-Lab	41.071, 30.879, -110.721
Binary	00101100, 01100100, 11111111

#2c64ff
```
#2c64ff rgb(44,100,255)
```
#ffc72c
```
#ffc72c rgb(255,199,44)
```

Complementary Color

#2cceff
```
#2cceff rgb(44,206,255)
```
#2c64ff
```
#2c64ff rgb(44,100,255)
```
#5e2cff
```
#5e2cff rgb(94,44,255)
```

Analogous Color

#ceff2c
```
#ceff2c rgb(206,255,44)
```
#2c64ff
```
#2c64ff rgb(44,100,255)
```
#ff5e2c
```
#ff5e2c rgb(255,94,44)
```

Split Complementary Color

#64ff2c
```
#64ff2c rgb(100,255,44)
```
#2c64ff
```
#2c64ff rgb(44,100,255)
```
#ff2c64
```
#ff2c64 rgb(255,44,100)
```

Triadic Color

#2cffc7
```
#2cffc7 rgb(44,255,199)
```
#2c64ff
```
#2c64ff rgb(44,100,255)
```
#ff2c64
```
#ff2c64 rgb(255,44,100)
```
#ffc72c
```
#ffc72c rgb(255,199,44)
```

Tetradic Color

#003bdf
```
#003bdf rgb(0,59,223)
```
#0042f8
```
#0042f8 rgb(0,66,248)
```
#1351ff
```
#1351ff rgb(19,81,255)
```
#2c64ff
```
#2c64ff rgb(44,100,255)
```
#4677ff
```
#4677ff rgb(70,119,255)
```
#5f89ff
```
#5f89ff rgb(95,137,255)
```
#799cff
```
#799cff rgb(121,156,255)
```

Monochromatic Color

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

#2c99ff
```
#2c99ff rgb(44,153,255)
```
#2c87ff
```
#2c87ff rgb(44,135,255)
```
#2c76ff
```
#2c76ff rgb(44,118,255)
```
#2c64ff
```
#2c64ff rgb(44,100,255)
```
#2c52ff
```
#2c52ff rgb(44,82,255)
```
#2c41ff
```
#2c41ff rgb(44,65,255)
```
#2c2fff
```
#2c2fff rgb(44,47,255)
```

Similar Colors

Text with hexadecimal color #2c64ff

This text has a font color of #2c64ff.

<span style="color:#2c64ff;">Text here</span>

#2c64ff background color

This paragraph has a background color of #2c64ff.

<p style="background-color:#2c64ff;">Content here</p>

#2c64ff border color

This element has a border color of #2c64ff.

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

CSS codes

.text {color:#2c64ff;}

.background {background-color:#2c64ff;}

.border {border:1px solid #2c64ff;}

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

#000105
```
#000105 rgb(0,1,5)
```
#000618
```
#000618 rgb(0,6,24)
```
#000c2c
```
#000c2c rgb(0,12,44)
```
#001140
```
#001140 rgb(0,17,64)
```
#001653
```
#001653 rgb(0,22,83)
```
#001b67
```
#001b67 rgb(0,27,103)
```
#00217a
```
#00217a rgb(0,33,122)
```
#00268e
```
#00268e rgb(0,38,142)
```
#002ba2
```
#002ba2 rgb(0,43,162)
```
#0030b5
```
#0030b5 rgb(0,48,181)
```
#0035c9
```
#0035c9 rgb(0,53,201)
```
#003bdd
```
#003bdd rgb(0,59,221)
```
#0040f0
```
#0040f0 rgb(0,64,240)
```

Shade Color Variation

#0547ff
```
#0547ff rgb(5,71,255)
```
#1856ff
```
#1856ff rgb(24,86,255)
```
#2c64ff
```
#2c64ff rgb(44,100,255)
```
#4072ff
```
#4072ff rgb(64,114,255)
```
#5381ff
```
#5381ff rgb(83,129,255)
```
#678fff
```
#678fff rgb(103,143,255)
```
#7a9eff
```
#7a9eff rgb(122,158,255)
```
#8eacff
```
#8eacff rgb(142,172,255)
```
#a2baff
```
#a2baff rgb(162,186,255)
```
#b5c9ff
```
#b5c9ff rgb(181,201,255)
```
#c9d7ff
```
#c9d7ff rgb(201,215,255)
```
#dde6ff
```
#dde6ff rgb(221,230,255)
```
#f0f4ff
```
#f0f4ff rgb(240,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d929e is the less saturated color, while #2c64ff is the most saturated one.

#8d929e
```
#8d929e rgb(141,146,158)
```
#858ea6
```
#858ea6 rgb(133,142,166)
```
#7d8aae
```
#7d8aae rgb(125,138,174)
```
#7586b6
```
#7586b6 rgb(117,134,182)
```
#6d82be
```
#6d82be rgb(109,130,190)
```
#657fc6
```
#657fc6 rgb(101,127,198)
```
#5d7bce
```
#5d7bce rgb(93,123,206)
```
#5577d6
```
#5577d6 rgb(85,119,214)
```
#4c73df
```
#4c73df rgb(76,115,223)
```
#446fe7
```
#446fe7 rgb(68,111,231)
```
#3c6cef
```
#3c6cef rgb(60,108,239)
```
#3468f7
```
#3468f7 rgb(52,104,247)
```
#2c64ff
```
#2c64ff rgb(44,100,255)
```

Tone Color Variation

Below, you can see how #2c64ff 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

#656565 Achromatopsia 0.005% of the population
#5a6584 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cc8 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

#106fef Protanomaly 1% of men, 0.01% of women
#1073dc Deuteranomaly 6% of men, 0.4% of women
#1079b6 Tritanomaly 0.01% of the population

#2c64ff hex color

#2c64ff Color Information

#2c64ff Color Conversion

Color Schemes with #2c64ff

Alternatives to #2c64ff

#2c64ff Preview

Shades and Tints of #2c64ff

Tones of #2c64ff

Color Blindness Simulator