#2c53f3 hex color

In a RGB color space, hex #2c53f3 is composed of 17.3% red, 32.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 65.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 228.2 degrees, a saturation of 89.2% and a lightness of 56.3%. #2c53f3 color hex could be obtained by blending #58a6ff with #0000e7. Closest websafe color is: #3366ff.

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

● #2c53f3 color description : Bright blue.

The hexadecimal color #2c53f3 has RGB values of R:44, G:83, B:243 and CMYK values of C:0.82, M:0.66, Y:0, K:0.05. Its decimal value is 2905075.

Hex triplet	2c53f3	`#2c53f3`
RGB Decimal	44, 83, 243	`rgb(44,83,243)`
RGB Percent	17.3, 32.5, 95.3	`rgb(17.3%,32.5%,95.3%)`
CMYK	82, 66, 0, 5
HSL	228.2°, 89.2, 56.3	`hsl(228.2,89.2%,56.3%)`
HSV (or HSB)	228.2°, 81.9, 95.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.05, 44.378, -83.253
XYZ	20.306, 13.192, 86.265
xyY	0.17, 0.11, 13.192
CIE-LCH	43.05, 94.342, 298.06
CIE-LUV	43.05, -15.417, -122.803
Hunter-Lab	36.32, 36.237, -115.397
Binary	00101100, 01010011, 11110011

#2c53f3
```
#2c53f3 rgb(44,83,243)
```
#f3cc2c
```
#f3cc2c rgb(243,204,44)
```

Complementary Color

#2cb7f3
```
#2cb7f3 rgb(44,183,243)
```
#2c53f3
```
#2c53f3 rgb(44,83,243)
```
#692cf3
```
#692cf3 rgb(105,44,243)
```

Analogous Color

#b7f32c
```
#b7f32c rgb(183,243,44)
```
#2c53f3
```
#2c53f3 rgb(44,83,243)
```
#f3692c
```
#f3692c rgb(243,105,44)
```

Split Complementary Color

#53f32c
```
#53f32c rgb(83,243,44)
```
#2c53f3
```
#2c53f3 rgb(44,83,243)
```
#f32c53
```
#f32c53 rgb(243,44,83)
```

Triadic Color

#2cf3cc
```
#2cf3cc rgb(44,243,204)
```
#2c53f3
```
#2c53f3 rgb(44,83,243)
```
#f32c53
```
#f32c53 rgb(243,44,83)
```
#f3cc2c
```
#f3cc2c rgb(243,204,44)
```

Tetradic Color

#0b30c7
```
#0b30c7 rgb(11,48,199)
```
#0d36df
```
#0d36df rgb(13,54,223)
```
#143ff2
```
#143ff2 rgb(20,63,242)
```
#2c53f3
```
#2c53f3 rgb(44,83,243)
```
#4467f4
```
#4467f4 rgb(68,103,244)
```
#5c7af6
```
#5c7af6 rgb(92,122,246)
```
#748ef7
```
#748ef7 rgb(116,142,247)
```

Monochromatic Color

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

#2c85f3
```
#2c85f3 rgb(44,133,243)
```
#2c74f3
```
#2c74f3 rgb(44,116,243)
```
#2c64f3
```
#2c64f3 rgb(44,100,243)
```
#2c53f3
```
#2c53f3 rgb(44,83,243)
```
#2c42f3
```
#2c42f3 rgb(44,66,243)
```
#2c32f3
```
#2c32f3 rgb(44,50,243)
```
#372cf3
```
#372cf3 rgb(55,44,243)
```

Similar Colors

Text with hexadecimal color #2c53f3

This text has a font color of #2c53f3.

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

#2c53f3 background color

This paragraph has a background color of #2c53f3.

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

#2c53f3 border color

This element has a border color of #2c53f3.

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

CSS codes

.text {color:#2c53f3;}

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

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

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

#01030c
```
#01030c rgb(1,3,12)
```
#02071e
```
#02071e rgb(2,7,30)
```
#030c31
```
#030c31 rgb(3,12,49)
```
#041043
```
#041043 rgb(4,16,67)
```
#051556
```
#051556 rgb(5,21,86)
```
#061969
```
#061969 rgb(6,25,105)
```
#071e7b
```
#071e7b rgb(7,30,123)
```
#08228e
```
#08228e rgb(8,34,142)
```
#0927a0
```
#0927a0 rgb(9,39,160)
```
#0a2bb3
```
#0a2bb3 rgb(10,43,179)
```
#0b30c5
```
#0b30c5 rgb(11,48,197)
```
#0c34d8
```
#0c34d8 rgb(12,52,216)
```
#0d39ea
```
#0d39ea rgb(13,57,234)
```

Shade Color Variation

#1944f2
```
#1944f2 rgb(25,68,242)
```
#2c53f3
```
#2c53f3 rgb(44,83,243)
```
#3f62f4
```
#3f62f4 rgb(63,98,244)
```
#5171f5
```
#5171f5 rgb(81,113,245)
```
#6480f6
```
#6480f6 rgb(100,128,246)
```
#7690f7
```
#7690f7 rgb(118,144,247)
```
#899ff8
```
#899ff8 rgb(137,159,248)
```
#9baef9
```
#9baef9 rgb(155,174,249)
```
#aebdfa
```
#aebdfa rgb(174,189,250)
```
#c0ccfb
```
#c0ccfb rgb(192,204,251)
```
#d3dbfc
```
#d3dbfc rgb(211,219,252)
```
#e6eafe
```
#e6eafe rgb(230,234,254)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#8a8c95
```
#8a8c95 rgb(138,140,149)
```
#82879d
```
#82879d rgb(130,135,157)
```
#7982a6
```
#7982a6 rgb(121,130,166)
```
#717dae
```
#717dae rgb(113,125,174)
```
#6878b7
```
#6878b7 rgb(104,120,183)
```
#5f72c0
```
#5f72c0 rgb(95,114,192)
```
#576dc8
```
#576dc8 rgb(87,109,200)
```
#4e68d1
```
#4e68d1 rgb(78,104,209)
```
#4663d9
```
#4663d9 rgb(70,99,217)
```
#3d5de2
```
#3d5de2 rgb(61,93,226)
```
#3558ea
```
#3558ea rgb(53,88,234)
```
#2c53f3
```
#2c53f3 rgb(44,83,243)
```
#234efc
```
#234efc rgb(35,78,252)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#515979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0070b4 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#1061dc Protanomaly 1% of men, 0.01% of women
#1065cb Deuteranomaly 6% of men, 0.4% of women
#106aa8 Tritanomaly 0.01% of the population

#2c53f3 hex color

#2c53f3 Color Information

#2c53f3 Color Conversion

Color Schemes with #2c53f3

Alternatives to #2c53f3

#2c53f3 Preview

Shades and Tints of #2c53f3

Tones of #2c53f3

Color Blindness Simulator