#cb302c hex color

In a RGB color space, hex #cb302c is composed of 79.6% red, 18.8% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.4% magenta, 78.3% yellow and 20.4% black. It has a hue angle of 1.5 degrees, a saturation of 64.4% and a lightness of 48.4%. #cb302c color hex could be obtained by blending #ff6058 with #970000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 19
- B 17
RGB color chart
- C 0
- M 76
- Y 78
- K 20
CMYK color chart

● #cb302c color description : Strong red.

The hexadecimal color #cb302c has RGB values of R:203, G:48, B:44 and CMYK values of C:0, M:0.76, Y:0.78, K:0.2. Its decimal value is 13316140.

Hex triplet	cb302c	`#cb302c`
RGB Decimal	203, 48, 44	`rgb(203,48,44)`
RGB Percent	79.6, 18.8, 17.3	`rgb(79.6%,18.8%,17.3%)`
CMYK	0, 76, 78, 20
HSL	1.5°, 64.4, 48.4	`hsl(1.5,64.4%,48.4%)`
HSV (or HSB)	1.5°, 78.3, 79.6
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.628, 59.525, 40.324
XYZ	26.141, 14.995, 3.901
xyY	0.58, 0.333, 14.995
CIE-LCH	45.628, 71.897, 34.115
CIE-LUV	45.628, 118.685, 26.843
Hunter-Lab	38.724, 52.733, 21.134
Binary	11001011, 00110000, 00101100

#cb302c
```
#cb302c rgb(203,48,44)
```
#2cc7cb
```
#2cc7cb rgb(44,199,203)
```

Complementary Color

#cb2c78
```
#cb2c78 rgb(203,44,120)
```
#cb302c
```
#cb302c rgb(203,48,44)
```
#cb802c
```
#cb802c rgb(203,128,44)
```

Analogous Color

#2c78cb
```
#2c78cb rgb(44,120,203)
```
#cb302c
```
#cb302c rgb(203,48,44)
```
#2ccb80
```
#2ccb80 rgb(44,203,128)
```

Split Complementary Color

#302ccb
```
#302ccb rgb(48,44,203)
```
#cb302c
```
#cb302c rgb(203,48,44)
```
#2ccb30
```
#2ccb30 rgb(44,203,48)
```

Triadic Color

#cb2cc7
```
#cb2cc7 rgb(203,44,199)
```
#cb302c
```
#cb302c rgb(203,48,44)
```
#2ccb30
```
#2ccb30 rgb(44,203,48)
```
#2cc7cb
```
#2cc7cb rgb(44,199,203)
```

Tetradic Color

#8c211e
```
#8c211e rgb(140,33,30)
```
#a12623
```
#a12623 rgb(161,38,35)
```
#b62b27
```
#b62b27 rgb(182,43,39)
```
#cb302c
```
#cb302c rgb(203,48,44)
```
#d5403c
```
#d5403c rgb(213,64,60)
```
#d95451
```
#d95451 rgb(217,84,81)
```
#de6966
```
#de6966 rgb(222,105,102)
```

Monochromatic Color

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

#cb2c50
```
#cb2c50 rgb(203,44,80)
```
#cb2c42
```
#cb2c42 rgb(203,44,66)
```
#cb2c35
```
#cb2c35 rgb(203,44,53)
```
#cb302c
```
#cb302c rgb(203,48,44)
```
#cb3d2c
```
#cb3d2c rgb(203,61,44)
```
#cb4b2c
```
#cb4b2c rgb(203,75,44)
```
#cb582c
```
#cb582c rgb(203,88,44)
```

Similar Colors

Text with hexadecimal color #cb302c

This text has a font color of #cb302c.

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

#cb302c background color

This paragraph has a background color of #cb302c.

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

#cb302c border color

This element has a border color of #cb302c.

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

CSS codes

.text {color:#cb302c;}

.background {background-color:#cb302c;}

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

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 #fef9f8 is the lightest one.

#0a0202
```
#0a0202 rgb(10,2,2)
```
#1a0606
```
#1a0606 rgb(26,6,6)
```
#2a0a09
```
#2a0a09 rgb(42,10,9)
```
#3a0e0d
```
#3a0e0d rgb(58,14,13)
```
#4a1210
```
#4a1210 rgb(74,18,16)
```
#5a1514
```
#5a1514 rgb(90,21,20)
```
#6a1917
```
#6a1917 rgb(106,25,23)
```
#7a1d1b
```
#7a1d1b rgb(122,29,27)
```
#8b211e
```
#8b211e rgb(139,33,30)
```
#9b2522
```
#9b2522 rgb(155,37,34)
```
#ab2825
```
#ab2825 rgb(171,40,37)
```
#bb2c29
```
#bb2c29 rgb(187,44,41)
```
#cb302c
```
#cb302c rgb(203,48,44)
```

Shade Color Variation

#d43b37
```
#d43b37 rgb(212,59,55)
```
#d74b47
```
#d74b47 rgb(215,75,71)
```
#db5b57
```
#db5b57 rgb(219,91,87)
```
#de6a67
```
#de6a67 rgb(222,106,103)
```
#e27a77
```
#e27a77 rgb(226,122,119)
```
#e58a88
```
#e58a88 rgb(229,138,136)
```
#e99a98
```
#e99a98 rgb(233,154,152)
```
#ecaaa8
```
#ecaaa8 rgb(236,170,168)
```
#f0b9b8
```
#f0b9b8 rgb(240,185,184)
```
#f3c9c8
```
#f3c9c8 rgb(243,201,200)
```
#f7d9d8
```
#f7d9d8 rgb(247,217,216)
```
#fae9e8
```
#fae9e8 rgb(250,233,232)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#7f7878
```
#7f7878 rgb(127,120,120)
```
#896f6f
```
#896f6f rgb(137,111,111)
```
#926665
```
#926665 rgb(146,102,101)
```
#9c5d5c
```
#9c5d5c rgb(156,93,92)
```
#a55452
```
#a55452 rgb(165,84,82)
```
#af4b49
```
#af4b49 rgb(175,75,73)
```
#b8423f
```
#b8423f rgb(184,66,63)
```
#c23936
```
#c23936 rgb(194,57,54)
```
#cb302c
```
#cb302c rgb(203,48,44)
```
#d52723
```
#d52723 rgb(213,39,35)
```
#de1e19
```
#de1e19 rgb(222,30,25)
```
#e81510
```
#e81510 rgb(232,21,16)
```
#f10c06
```
#f10c06 rgb(241,12,6)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#745554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7347 Protanopia 1% of men
#8f6e2a Deuteranopia 1% of men
#cd3a3b Tritanopia 0.001% of the population

Trichromacy

#9a5b3d Protanomaly 1% of men, 0.01% of women
#a5572b Deuteranomaly 6% of men, 0.4% of women
#cc3636 Tritanomaly 0.01% of the population

#cb302c hex color

#cb302c Color Information

#cb302c Color Conversion

Color Schemes with #cb302c

Alternatives to #cb302c

#cb302c Preview

Shades and Tints of #cb302c

Tones of #cb302c

Color Blindness Simulator