#2c64f6 hex color

In a RGB color space, hex #2c64f6 is composed of 17.3% red, 39.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 59.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 223.4 degrees, a saturation of 91.8% and a lightness of 56.9%. #2c64f6 color hex could be obtained by blending #58c8ff with #0000ed. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 39
- B 96
RGB color chart
- C 82
- M 59
- Y 0
- K 4
CMYK color chart

● #2c64f6 color description : Bright blue.

The hexadecimal color #2c64f6 has RGB values of R:44, G:100, B:246 and CMYK values of C:0.82, M:0.59, Y:0, K:0.04. Its decimal value is 2909430.

Hex triplet	2c64f6	`#2c64f6`
RGB Decimal	44, 100, 246	`rgb(44,100,246)`
RGB Percent	17.3, 39.2, 96.5	`rgb(17.3%,39.2%,96.5%)`
CMYK	82, 59, 0, 4
HSL	223.4°, 91.8, 56.9	`hsl(223.4,91.8%,56.9%)`
HSV (or HSB)	223.4°, 82.1, 96.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.368, 34.908, -77.855
XYZ	22.227, 16.302, 89.159
xyY	0.174, 0.128, 16.302
CIE-LCH	47.368, 85.323, 294.15
CIE-LUV	47.368, -19.347, -119.28
Hunter-Lab	40.376, 27.607, -102.663
Binary	00101100, 01100100, 11110110

#2c64f6
```
#2c64f6 rgb(44,100,246)
```
#f6be2c
```
#f6be2c rgb(246,190,44)
```

Complementary Color

#2cc9f6
```
#2cc9f6 rgb(44,201,246)
```
#2c64f6
```
#2c64f6 rgb(44,100,246)
```
#592cf6
```
#592cf6 rgb(89,44,246)
```

Analogous Color

#c9f62c
```
#c9f62c rgb(201,246,44)
```
#2c64f6
```
#2c64f6 rgb(44,100,246)
```
#f6592c
```
#f6592c rgb(246,89,44)
```

Split Complementary Color

#64f62c
```
#64f62c rgb(100,246,44)
```
#2c64f6
```
#2c64f6 rgb(44,100,246)
```
#f62c64
```
#f62c64 rgb(246,44,100)
```

Triadic Color

#2cf6be
```
#2cf6be rgb(44,246,190)
```
#2c64f6
```
#2c64f6 rgb(44,100,246)
```
#f62c64
```
#f62c64 rgb(246,44,100)
```
#f6be2c
```
#f6be2c rgb(246,190,44)
```

Tetradic Color

#093fcd
```
#093fcd rgb(9,63,205)
```
#0a47e5
```
#0a47e5 rgb(10,71,229)
```
#1452f5
```
#1452f5 rgb(20,82,245)
```
#2c64f6
```
#2c64f6 rgb(44,100,246)
```
#4476f7
```
#4476f7 rgb(68,118,247)
```
#5d88f8
```
#5d88f8 rgb(93,136,248)
```
#759af9
```
#759af9 rgb(117,154,249)
```

Monochromatic Color

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

#2c97f6
```
#2c97f6 rgb(44,151,246)
```
#2c86f6
```
#2c86f6 rgb(44,134,246)
```
#2c75f6
```
#2c75f6 rgb(44,117,246)
```
#2c64f6
```
#2c64f6 rgb(44,100,246)
```
#2c53f6
```
#2c53f6 rgb(44,83,246)
```
#2c42f6
```
#2c42f6 rgb(44,66,246)
```
#2c31f6
```
#2c31f6 rgb(44,49,246)
```

Similar Colors

Text with hexadecimal color #2c64f6

This text has a font color of #2c64f6.

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

#2c64f6 background color

This paragraph has a background color of #2c64f6.

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

#2c64f6 border color

This element has a border color of #2c64f6.

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

CSS codes

.text {color:#2c64f6;}

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

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

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, #01050f is the darkest color, while #fbfcff is the lightest one.

#01050f
```
#01050f rgb(1,5,15)
```
#010a22
```
#010a22 rgb(1,10,34)
```
#021034
```
#021034 rgb(2,16,52)
```
#031647
```
#031647 rgb(3,22,71)
```
#041c5a
```
#041c5a rgb(4,28,90)
```
#05226d
```
#05226d rgb(5,34,109)
```
#052780
```
#052780 rgb(5,39,128)
```
#062d92
```
#062d92 rgb(6,45,146)
```
#0733a5
```
#0733a5 rgb(7,51,165)
```
#0839b8
```
#0839b8 rgb(8,57,184)
```
#093fcb
```
#093fcb rgb(9,63,203)
```
#0944de
```
#0944de rgb(9,68,222)
```
#0a4af1
```
#0a4af1 rgb(10,74,241)
```

Shade Color Variation

#1956f5
```
#1956f5 rgb(25,86,245)
```
#2c64f6
```
#2c64f6 rgb(44,100,246)
```
#3f72f7
```
#3f72f7 rgb(63,114,247)
```
#5280f8
```
#5280f8 rgb(82,128,248)
```
#648df8
```
#648df8 rgb(100,141,248)
```
#779bf9
```
#779bf9 rgb(119,155,249)
```
#8aa9fa
```
#8aa9fa rgb(138,169,250)
```
#9db7fb
```
#9db7fb rgb(157,183,251)
```
#b0c5fc
```
#b0c5fc rgb(176,197,252)
```
#c3d3fc
```
#c3d3fc rgb(195,211,252)
```
#d5e0fd
```
#d5e0fd rgb(213,224,253)
```
#e8eefe
```
#e8eefe rgb(232,238,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898d99 is the less saturated color, while #2460fe is the most saturated one.

#898d99
```
#898d99 rgb(137,141,153)
```
#818aa1
```
#818aa1 rgb(129,138,161)
```
#7886aa
```
#7886aa rgb(120,134,170)
```
#7082b2
```
#7082b2 rgb(112,130,178)
```
#677ebb
```
#677ebb rgb(103,126,187)
```
#5f7bc3
```
#5f7bc3 rgb(95,123,195)
```
#5677cc
```
#5677cc rgb(86,119,204)
```
#4e73d4
```
#4e73d4 rgb(78,115,212)
```
#456fdd
```
#456fdd rgb(69,111,221)
```
#3d6ce5
```
#3d6ce5 rgb(61,108,229)
```
#3468ee
```
#3468ee rgb(52,104,238)
```
#2c64f6
```
#2c64f6 rgb(44,100,246)
```
#2460fe
```
#2460fe rgb(36,96,254)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#596481 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007ac6 Deuteranopia 1% of men
#00838a Tritanopia 0.001% of the population

Trichromacy

#106ee9 Protanomaly 1% of men, 0.01% of women
#1072d7 Deuteranomaly 6% of men, 0.4% of women
#1078b1 Tritanomaly 0.01% of the population

#2c64f6 hex color

#2c64f6 Color Information

#2c64f6 Color Conversion

Color Schemes with #2c64f6

Alternatives to #2c64f6

#2c64f6 Preview

Shades and Tints of #2c64f6

Tones of #2c64f6

Color Blindness Simulator