#ef2f30 hex color

In a RGB color space, hex #ef2f30 is composed of 93.7% red, 18.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.3% magenta, 79.9% yellow and 6.3% black. It has a hue angle of 359.7 degrees, a saturation of 85.7% and a lightness of 56.1%. #ef2f30 color hex could be obtained by blending #ff5e60 with #df0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 94
- G 18
- B 19
RGB color chart
- C 0
- M 80
- Y 80
- K 6
CMYK color chart

● #ef2f30 color description : Bright red.

The hexadecimal color #ef2f30 has RGB values of R:239, G:47, B:48 and CMYK values of C:0, M:0.8, Y:0.8, K:0.06. Its decimal value is 15675184.

Hex triplet	ef2f30	`#ef2f30`
RGB Decimal	239, 47, 48	`rgb(239,47,48)`
RGB Percent	93.7, 18.4, 18.8	`rgb(93.7%,18.4%,18.8%)`
CMYK	0, 80, 80, 6
HSL	359.7°, 85.7, 56.1	`hsl(359.7,85.7%,56.1%)`
HSV (or HSB)	359.7°, 80.3, 93.7
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.511, 70.265, 47.388
XYZ	37.149, 20.602, 4.817
xyY	0.594, 0.329, 20.602
CIE-LCH	52.511, 84.751, 33.997
CIE-LUV	52.511, 146.225, 31.275
Hunter-Lab	45.389, 66.661, 25.481
Binary	11101111, 00101111, 00110000

#ef2f30
```
#ef2f30 rgb(239,47,48)
```
#2fefee
```
#2fefee rgb(47,239,238)
```

Complementary Color

#ef2f90
```
#ef2f90 rgb(239,47,144)
```
#ef2f30
```
#ef2f30 rgb(239,47,48)
```
#ef8e2f
```
#ef8e2f rgb(239,142,47)
```

Analogous Color

#2f90ef
```
#2f90ef rgb(47,144,239)
```
#ef2f30
```
#ef2f30 rgb(239,47,48)
```
#2fef8e
```
#2fef8e rgb(47,239,142)
```

Split Complementary Color

#2f30ef
```
#2f30ef rgb(47,48,239)
```
#ef2f30
```
#ef2f30 rgb(239,47,48)
```
#30ef2f
```
#30ef2f rgb(48,239,47)
```

Triadic Color

#ee2fef
```
#ee2fef rgb(238,47,239)
```
#ef2f30
```
#ef2f30 rgb(239,47,48)
```
#30ef2f
```
#30ef2f rgb(48,239,47)
```
#2fefee
```
#2fefee rgb(47,239,238)
```

Tetradic Color

#c30f10
```
#c30f10 rgb(195,15,16)
```
#da1112
```
#da1112 rgb(218,17,18)
```
#ed1718
```
#ed1718 rgb(237,23,24)
```
#ef2f30
```
#ef2f30 rgb(239,47,48)
```
#f14748
```
#f14748 rgb(241,71,72)
```
#f35e5f
```
#f35e5f rgb(243,94,95)
```
#f47677
```
#f47677 rgb(244,118,119)
```

Monochromatic Color

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

#ef2f60
```
#ef2f60 rgb(239,47,96)
```
#ef2f50
```
#ef2f50 rgb(239,47,80)
```
#ef2f40
```
#ef2f40 rgb(239,47,64)
```
#ef2f30
```
#ef2f30 rgb(239,47,48)
```
#ef3e2f
```
#ef3e2f rgb(239,62,47)
```
#ef4e2f
```
#ef4e2f rgb(239,78,47)
```
#ef5e2f
```
#ef5e2f rgb(239,94,47)
```

Similar Colors

Text with hexadecimal color #ef2f30

This text has a font color of #ef2f30.

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

#ef2f30 background color

This paragraph has a background color of #ef2f30.

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

#ef2f30 border color

This element has a border color of #ef2f30.

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

CSS codes

.text {color:#ef2f30;}

.background {background-color:#ef2f30;}

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

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

#0b0101
```
#0b0101 rgb(11,1,1)
```
#1d0202
```
#1d0202 rgb(29,2,2)
```
#2f0404
```
#2f0404 rgb(47,4,4)
```
#410505
```
#410505 rgb(65,5,5)
```
#530607
```
#530607 rgb(83,6,7)
```
#660808
```
#660808 rgb(102,8,8)
```
#78090a
```
#78090a rgb(120,9,10)
```
#8a0b0b
```
#8a0b0b rgb(138,11,11)
```
#9c0c0d
```
#9c0c0d rgb(156,12,13)
```
#af0d0e
```
#af0d0e rgb(175,13,14)
```
#c10f10
```
#c10f10 rgb(193,15,16)
```
#d31011
```
#d31011 rgb(211,16,17)
```
#e51213
```
#e51213 rgb(229,18,19)
```

Shade Color Variation

#ee1d1e
```
#ee1d1e rgb(238,29,30)
```
#ef2f30
```
#ef2f30 rgb(239,47,48)
```
#f04142
```
#f04142 rgb(240,65,66)
```
#f25354
```
#f25354 rgb(242,83,84)
```
#f36666
```
#f36666 rgb(243,102,102)
```
#f57879
```
#f57879 rgb(245,120,121)
```
#f68a8b
```
#f68a8b rgb(246,138,139)
```
#f79c9d
```
#f79c9d rgb(247,156,157)
```
#f9afaf
```
#f9afaf rgb(249,175,175)
```
#fac1c1
```
#fac1c1 rgb(250,193,193)
```
#fcd3d3
```
#fcd3d3 rgb(252,211,211)
```
#fde5e5
```
#fde5e5 rgb(253,229,229)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#908e8e
```
#908e8e rgb(144,142,142)
```
#998585
```
#998585 rgb(153,133,133)
```
#a17d7d
```
#a17d7d rgb(161,125,125)
```
#aa7474
```
#aa7474 rgb(170,116,116)
```
#b36b6c
```
#b36b6c rgb(179,107,108)
```
#bb6363
```
#bb6363 rgb(187,99,99)
```
#c45a5b
```
#c45a5b rgb(196,90,91)
```
#cd5152
```
#cd5152 rgb(205,81,82)
```
#d5494a
```
#d5494a rgb(213,73,74)
```
#de4041
```
#de4041 rgb(222,64,65)
```
#e63839
```
#e63839 rgb(230,56,57)
```
#ef2f30
```
#ef2f30 rgb(239,47,48)
```
#f82627
```
#f82627 rgb(248,38,39)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#845d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#90844e Protanopia 1% of men
#a47d29 Deuteranopia 1% of men
#ef393a Tritanopia 0.001% of the population

Trichromacy

#b26543 Protanomaly 1% of men, 0.01% of women
#bf612c Deuteranomaly 6% of men, 0.4% of women
#ef3536 Tritanomaly 0.01% of the population

#ef2f30 hex color

#ef2f30 Color Information

#ef2f30 Color Conversion

Color Schemes with #ef2f30

Alternatives to #ef2f30

#ef2f30 Preview

Shades and Tints of #ef2f30

Tones of #ef2f30

Color Blindness Simulator