#2c4ef2 hex color

In a RGB color space, hex #2c4ef2 is composed of 17.3% red, 30.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 67.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 229.7 degrees, a saturation of 88.4% and a lightness of 56.1%. #2c4ef2 color hex could be obtained by blending #589cff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 31
- B 95
RGB color chart
- C 82
- M 68
- Y 0
- K 5
CMYK color chart

● #2c4ef2 color description : Bright blue.

The hexadecimal color #2c4ef2 has RGB values of R:44, G:78, B:242 and CMYK values of C:0.82, M:0.68, Y:0, K:0.05. Its decimal value is 2903794.

Hex triplet	2c4ef2	`#2c4ef2`
RGB Decimal	44, 78, 242	`rgb(44,78,242)`
RGB Percent	17.3, 30.6, 94.9	`rgb(17.3%,30.6%,94.9%)`
CMYK	82, 68, 0, 5
HSL	229.7°, 88.4, 56.1	`hsl(229.7,88.4%,56.1%)`
HSV (or HSB)	229.7°, 81.8, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.835, 47.046, -84.691
XYZ	19.787, 12.394, 85.349
xyY	0.168, 0.105, 12.394
CIE-LCH	41.835, 96.881, 299.052
CIE-LUV	41.835, -14.373, -123.327
Hunter-Lab	35.205, 38.718, -119.098
Binary	00101100, 01001110, 11110010

#2c4ef2
```
#2c4ef2 rgb(44,78,242)
```
#f2d02c
```
#f2d02c rgb(242,208,44)
```

Complementary Color

#2cb1f2
```
#2cb1f2 rgb(44,177,242)
```
#2c4ef2
```
#2c4ef2 rgb(44,78,242)
```
#6d2cf2
```
#6d2cf2 rgb(109,44,242)
```

Analogous Color

#b1f22c
```
#b1f22c rgb(177,242,44)
```
#2c4ef2
```
#2c4ef2 rgb(44,78,242)
```
#f26d2c
```
#f26d2c rgb(242,109,44)
```

Split Complementary Color

#4ef22c
```
#4ef22c rgb(78,242,44)
```
#2c4ef2
```
#2c4ef2 rgb(44,78,242)
```
#f22c4e
```
#f22c4e rgb(242,44,78)
```

Triadic Color

#2cf2d0
```
#2cf2d0 rgb(44,242,208)
```
#2c4ef2
```
#2c4ef2 rgb(44,78,242)
```
#f22c4e
```
#f22c4e rgb(242,44,78)
```
#f2d02c
```
#f2d02c rgb(242,208,44)
```

Tetradic Color

#0c2cc5
```
#0c2cc5 rgb(12,44,197)
```
#0e31dd
```
#0e31dd rgb(14,49,221)
```
#143af1
```
#143af1 rgb(20,58,241)
```
#2c4ef2
```
#2c4ef2 rgb(44,78,242)
```
#4462f3
```
#4462f3 rgb(68,98,243)
```
#5c76f5
```
#5c76f5 rgb(92,118,245)
```
#748af6
```
#748af6 rgb(116,138,246)
```

Monochromatic Color

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

#2c80f2
```
#2c80f2 rgb(44,128,242)
```
#2c6ff2
```
#2c6ff2 rgb(44,111,242)
```
#2c5ef2
```
#2c5ef2 rgb(44,94,242)
```
#2c4ef2
```
#2c4ef2 rgb(44,78,242)
```
#2c3df2
```
#2c3df2 rgb(44,61,242)
```
#2c2df2
```
#2c2df2 rgb(44,45,242)
```
#3c2cf2
```
#3c2cf2 rgb(60,44,242)
```

Similar Colors

Text with hexadecimal color #2c4ef2

This text has a font color of #2c4ef2.

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

#2c4ef2 background color

This paragraph has a background color of #2c4ef2.

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

#2c4ef2 border color

This element has a border color of #2c4ef2.

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

CSS codes

.text {color:#2c4ef2;}

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

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

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, #01020b is the darkest color, while #f7f8ff is the lightest one.

#01020b
```
#01020b rgb(1,2,11)
```
#02071d
```
#02071d rgb(2,7,29)
```
#030b30
```
#030b30 rgb(3,11,48)
```
#040f42
```
#040f42 rgb(4,15,66)
```
#051355
```
#051355 rgb(5,19,85)
```
#061767
```
#061767 rgb(6,23,103)
```
#071b7a
```
#071b7a rgb(7,27,122)
```
#091f8c
```
#091f8c rgb(9,31,140)
```
#0a239f
```
#0a239f rgb(10,35,159)
```
#0b27b1
```
#0b27b1 rgb(11,39,177)
```
#0c2cc3
```
#0c2cc3 rgb(12,44,195)
```
#0d30d6
```
#0d30d6 rgb(13,48,214)
```
#0e34e8
```
#0e34e8 rgb(14,52,232)
```

Shade Color Variation

#1a3ff1
```
#1a3ff1 rgb(26,63,241)
```
#2c4ef2
```
#2c4ef2 rgb(44,78,242)
```
#3e5df3
```
#3e5df3 rgb(62,93,243)
```
#516df4
```
#516df4 rgb(81,109,244)
```
#637cf5
```
#637cf5 rgb(99,124,245)
```
#768cf7
```
#768cf7 rgb(118,140,247)
```
#889bf8
```
#889bf8 rgb(136,155,248)
```
#9babf9
```
#9babf9 rgb(155,171,249)
```
#adbafa
```
#adbafa rgb(173,186,250)
```
#c0cafb
```
#c0cafb rgb(192,202,251)
```
#d2d9fc
```
#d2d9fc rgb(210,217,252)
```
#e5e9fd
```
#e5e9fd rgb(229,233,253)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#8b8c93
```
#8b8c93 rgb(139,140,147)
```
#82879c
```
#82879c rgb(130,135,156)
```
#7a81a4
```
#7a81a4 rgb(122,129,164)
```
#717bad
```
#717bad rgb(113,123,173)
```
#6876b6
```
#6876b6 rgb(104,118,182)
```
#6070be
```
#6070be rgb(96,112,190)
```
#576ac7
```
#576ac7 rgb(87,106,199)
```
#4e65d0
```
#4e65d0 rgb(78,101,208)
```
#465fd8
```
#465fd8 rgb(70,95,216)
```
#3d59e1
```
#3d59e1 rgb(61,89,225)
```
#3554e9
```
#3554e9 rgb(53,84,233)
```
#2c4ef2
```
#2c4ef2 rgb(44,78,242)
```
#2348fb
```
#2348fb rgb(35,72,251)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4e5576 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

#105ed8 Protanomaly 1% of men, 0.01% of women
#1062c7 Deuteranomaly 6% of men, 0.4% of women
#1067a6 Tritanomaly 0.01% of the population

#2c4ef2 hex color

#2c4ef2 Color Information

#2c4ef2 Color Conversion

Color Schemes with #2c4ef2

Alternatives to #2c4ef2

#2c4ef2 Preview

Shades and Tints of #2c4ef2

Tones of #2c4ef2

Color Blindness Simulator