#2c4df5 hex color

In a RGB color space, hex #2c4df5 is composed of 17.3% red, 30.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 68.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 230.1 degrees, a saturation of 91% and a lightness of 56.7%. #2c4df5 color hex could be obtained by blending #589aff with #0000eb. Closest websafe color is: #3366ff.

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

● #2c4df5 color description : Bright blue.

The hexadecimal color #2c4df5 has RGB values of R:44, G:77, B:245 and CMYK values of C:0.82, M:0.69, Y:0, K:0.04. Its decimal value is 2903541.

Hex triplet	2c4df5	`#2c4df5`
RGB Decimal	44, 77, 245	`rgb(44,77,245)`
RGB Percent	17.3, 30.2, 96.1	`rgb(17.3%,30.2%,96.1%)`
CMYK	82, 69, 0, 4
HSL	230.1°, 91, 56.7	`hsl(230.1,91%,56.7%)`
HSV (or HSB)	230.1°, 82, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.898, 48.677, -86.273
XYZ	20.171, 12.434, 87.718
xyY	0.168, 0.103, 12.434
CIE-LCH	41.898, 99.058, 299.433
CIE-LUV	41.898, -14.225, -125.358
Hunter-Lab	35.262, 40.396, -122.806
Binary	00101100, 01001101, 11110101

#2c4df5
```
#2c4df5 rgb(44,77,245)
```
#f5d42c
```
#f5d42c rgb(245,212,44)
```

Complementary Color

#2cb2f5
```
#2cb2f5 rgb(44,178,245)
```
#2c4df5
```
#2c4df5 rgb(44,77,245)
```
#702cf5
```
#702cf5 rgb(112,44,245)
```

Analogous Color

#b2f52c
```
#b2f52c rgb(178,245,44)
```
#2c4df5
```
#2c4df5 rgb(44,77,245)
```
#f5702c
```
#f5702c rgb(245,112,44)
```

Split Complementary Color

#4df52c
```
#4df52c rgb(77,245,44)
```
#2c4df5
```
#2c4df5 rgb(44,77,245)
```
#f52c4d
```
#f52c4d rgb(245,44,77)
```

Triadic Color

#2cf5d4
```
#2cf5d4 rgb(44,245,212)
```
#2c4df5
```
#2c4df5 rgb(44,77,245)
```
#f52c4d
```
#f52c4d rgb(245,44,77)
```
#f5d42c
```
#f5d42c rgb(245,212,44)
```

Tetradic Color

#0a29cb
```
#0a29cb rgb(10,41,203)
```
#0b2ee3
```
#0b2ee3 rgb(11,46,227)
```
#1438f4
```
#1438f4 rgb(20,56,244)
```
#2c4df5
```
#2c4df5 rgb(44,77,245)
```
#4462f6
```
#4462f6 rgb(68,98,246)
```
#5d76f7
```
#5d76f7 rgb(93,118,247)
```
#758bf8
```
#758bf8 rgb(117,139,248)
```

Monochromatic Color

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

#2c7ff5
```
#2c7ff5 rgb(44,127,245)
```
#2c6ff5
```
#2c6ff5 rgb(44,111,245)
```
#2c5ef5
```
#2c5ef5 rgb(44,94,245)
```
#2c4df5
```
#2c4df5 rgb(44,77,245)
```
#2c3cf5
```
#2c3cf5 rgb(44,60,245)
```
#2d2cf5
```
#2d2cf5 rgb(45,44,245)
```
#3d2cf5
```
#3d2cf5 rgb(61,44,245)
```

Similar Colors

Text with hexadecimal color #2c4df5

This text has a font color of #2c4df5.

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

#2c4df5 background color

This paragraph has a background color of #2c4df5.

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

#2c4df5 border color

This element has a border color of #2c4df5.

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

CSS codes

.text {color:#2c4df5;}

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

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

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, #01030e is the darkest color, while #fafbff is the lightest one.

#01030e
```
#01030e rgb(1,3,14)
```
#020720
```
#020720 rgb(2,7,32)
```
#020a33
```
#020a33 rgb(2,10,51)
```
#030e46
```
#030e46 rgb(3,14,70)
```
#041259
```
#041259 rgb(4,18,89)
```
#05166b
```
#05166b rgb(5,22,107)
```
#061a7e
```
#061a7e rgb(6,26,126)
```
#071e91
```
#071e91 rgb(7,30,145)
```
#0821a4
```
#0821a4 rgb(8,33,164)
```
#0925b6
```
#0925b6 rgb(9,37,182)
```
#0a29c9
```
#0a29c9 rgb(10,41,201)
```
#0a2ddc
```
#0a2ddc rgb(10,45,220)
```
#0b31ee
```
#0b31ee rgb(11,49,238)
```

Shade Color Variation

#193df4
```
#193df4 rgb(25,61,244)
```
#2c4df5
```
#2c4df5 rgb(44,77,245)
```
#3f5df6
```
#3f5df6 rgb(63,93,246)
```
#516df7
```
#516df7 rgb(81,109,247)
```
#647cf8
```
#647cf8 rgb(100,124,248)
```
#778cf9
```
#778cf9 rgb(119,140,249)
```
#8a9cf9
```
#8a9cf9 rgb(138,156,249)
```
#9cacfa
```
#9cacfa rgb(156,172,250)
```
#afbcfb
```
#afbcfb rgb(175,188,251)
```
#c2cbfc
```
#c2cbfc rgb(194,203,252)
```
#d5dbfd
```
#d5dbfd rgb(213,219,253)
```
#e7ebfe
```
#e7ebfe rgb(231,235,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#8a8c98
```
#8a8c98 rgb(138,140,152)
```
#8186a0
```
#8186a0 rgb(129,134,160)
```
#7980a9
```
#7980a9 rgb(121,128,169)
```
#707bb1
```
#707bb1 rgb(112,123,177)
```
#6875ba
```
#6875ba rgb(104,117,186)
```
#5f6fc2
```
#5f6fc2 rgb(95,111,194)
```
#576acb
```
#576acb rgb(87,106,203)
```
#4e64d3
```
#4e64d3 rgb(78,100,211)
```
#465edc
```
#465edc rgb(70,94,220)
```
#3d58e4
```
#3d58e4 rgb(61,88,228)
```
#3453ed
```
#3453ed rgb(52,83,237)
```
#2c4df5
```
#2c4df5 rgb(44,77,245)
```
#2447fe
```
#2447fe rgb(36,71,254)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4e5476 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#105ed9 Protanomaly 1% of men, 0.01% of women
#1061c8 Deuteranomaly 6% of men, 0.4% of women
#1066a7 Tritanomaly 0.01% of the population

#2c4df5 hex color

#2c4df5 Color Information

#2c4df5 Color Conversion

Color Schemes with #2c4df5

Alternatives to #2c4df5

#2c4df5 Preview

Shades and Tints of #2c4df5

Tones of #2c4df5

Color Blindness Simulator