colorhexa.com

#ce2a30 hex color

In a RGB color space, hex #ce2a30 is composed of 80.8% red, 16.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.6% magenta, 76.7% yellow and 19.2% black. It has a hue angle of 357.8 degrees, a saturation of 66.1% and a lightness of 48.6%. #ce2a30 color hex could be obtained by blending #ff5460 with #9d0000. Closest websafe color is: #cc3333.

- R 81
- G 16
- B 19
RGB color chart
- C 0
- M 80
- Y 77
- K 19
CMYK color chart

● #ce2a30 color description : Strong red.

The hexadecimal color #ce2a30 has RGB values of R:206, G:42, B:48 and CMYK values of C:0, M:0.8, Y:0.77, K:0.19. Its decimal value is 13511216.

Hex triplet	ce2a30	`#ce2a30`
RGB Decimal	206, 42, 48	`rgb(206,42,48)`
RGB Percent	80.8, 16.5, 18.8	`rgb(80.8%,16.5%,18.8%)`
CMYK	0, 80, 77, 19
HSL	357.8°, 66.1, 48.6	`hsl(357.8,66.1%,48.6%)`
HSV (or HSB)	357.8°, 79.6, 80.8
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.627, 62.305, 38.259
XYZ	26.816, 14.994, 4.278
xyY	0.582, 0.325, 14.994
CIE-LCH	45.627, 73.114, 31.552
CIE-LUV	45.627, 123.135, 24.758
Hunter-Lab	38.723, 55.851, 20.555
Binary	11001110, 00101010, 00110000

#ce2a30
```
#ce2a30 rgb(206,42,48)
```
#2acec8
```
#2acec8 rgb(42,206,200)
```

Complementary Color

#ce2a82
```
#ce2a82 rgb(206,42,130)
```
#ce2a30
```
#ce2a30 rgb(206,42,48)
```
#ce762a
```
#ce762a rgb(206,118,42)
```

Analogous Color

#2a82ce
```
#2a82ce rgb(42,130,206)
```
#ce2a30
```
#ce2a30 rgb(206,42,48)
```
#2ace76
```
#2ace76 rgb(42,206,118)
```

Split Complementary Color

#2a30ce
```
#2a30ce rgb(42,48,206)
```
#ce2a30
```
#ce2a30 rgb(206,42,48)
```
#30ce2a
```
#30ce2a rgb(48,206,42)
```

Triadic Color

#c82ace
```
#c82ace rgb(200,42,206)
```
#ce2a30
```
#ce2a30 rgb(206,42,48)
```
#30ce2a
```
#30ce2a rgb(48,206,42)
```
#2acec8
```
#2acec8 rgb(42,206,200)
```

Tetradic Color

#8e1d21
```
#8e1d21 rgb(142,29,33)
```
#a42126
```
#a42126 rgb(164,33,38)
```
#b9262b
```
#b9262b rgb(185,38,43)
```
#ce2a30
```
#ce2a30 rgb(206,42,48)
```
#d73b40
```
#d73b40 rgb(215,59,64)
```
#db5055
```
#db5055 rgb(219,80,85)
```
#e06569
```
#e06569 rgb(224,101,105)
```

Monochromatic Color

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

#ce2a59
```
#ce2a59 rgb(206,42,89)
```
#ce2a4b
```
#ce2a4b rgb(206,42,75)
```
#ce2a3e
```
#ce2a3e rgb(206,42,62)
```
#ce2a30
```
#ce2a30 rgb(206,42,48)
```
#ce322a
```
#ce322a rgb(206,50,42)
```
#ce3f2a
```
#ce3f2a rgb(206,63,42)
```
#ce4d2a
```
#ce4d2a rgb(206,77,42)
```

Similar Colors

Text with hexadecimal color #ce2a30

This text has a font color of #ce2a30.

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

#ce2a30 background color

This paragraph has a background color of #ce2a30.

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

#ce2a30 border color

This element has a border color of #ce2a30.

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

CSS codes

.text {color:#ce2a30;}

.background {background-color:#ce2a30;}

.border {border:1px solid #ce2a30;}

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, #0a0202 is the darkest color, while #fef9f9 is the lightest one.

#0a0202
```
#0a0202 rgb(10,2,2)
```
#1b0506
```
#1b0506 rgb(27,5,6)
```
#2b090a
```
#2b090a rgb(43,9,10)
```
#3b0c0e
```
#3b0c0e rgb(59,12,14)
```
#4c0f12
```
#4c0f12 rgb(76,15,18)
```
#5c1315
```
#5c1315 rgb(92,19,21)
```
#6c1619
```
#6c1619 rgb(108,22,25)
```
#7d191d
```
#7d191d rgb(125,25,29)
```
#8d1d21
```
#8d1d21 rgb(141,29,33)
```
#9d2025
```
#9d2025 rgb(157,32,37)
```
#ad2328
```
#ad2328 rgb(173,35,40)
```
#be272c
```
#be272c rgb(190,39,44)
```
#ce2a30
```
#ce2a30 rgb(206,42,48)
```

Shade Color Variation

#d6363c
```
#d6363c rgb(214,54,60)
```
#d9464b
```
#d9464b rgb(217,70,75)
```
#dd565b
```
#dd565b rgb(221,86,91)
```
#e0676b
```
#e0676b rgb(224,103,107)
```
#e3777b
```
#e3777b rgb(227,119,123)
```
#e7878b
```
#e7878b rgb(231,135,139)
```
#ea979a
```
#ea979a rgb(234,151,154)
```
#eda8aa
```
#eda8aa rgb(237,168,170)
```
#f1b8ba
```
#f1b8ba rgb(241,184,186)
```
#f4c8ca
```
#f4c8ca rgb(244,200,202)
```
#f7d9da
```
#f7d9da rgb(247,217,218)
```
#fae9ea
```
#fae9ea rgb(250,233,234)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#827677
```
#827677 rgb(130,118,119)
```
#8b6d6e
```
#8b6d6e rgb(139,109,110)
```
#956365
```
#956365 rgb(149,99,101)
```
#9e5a5c
```
#9e5a5c rgb(158,90,92)
```
#a85053
```
#a85053 rgb(168,80,83)
```
#b1474b
```
#b1474b rgb(177,71,75)
```
#bb3d42
```
#bb3d42 rgb(187,61,66)
```
#c43439
```
#c43439 rgb(196,52,57)
```
#ce2a30
```
#ce2a30 rgb(206,42,48)
```
#d82027
```
#d82027 rgb(216,32,39)
```
#e1171e
```
#e1171e rgb(225,23,30)
```
#eb0d15
```
#eb0d15 rgb(235,13,21)
```
#f4040d
```
#f4040d rgb(244,4,13)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#735253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d734c Protanopia 1% of men
#8e6e2e Deuteranopia 1% of men
#d03536 Tritanopia 0.001% of the population

Trichromacy

#9a5842 Protanomaly 1% of men, 0.01% of women
#a5552e Deuteranomaly 6% of men, 0.4% of women
#cf3134 Tritanomaly 0.01% of the population