#ff2740 hex color

In a RGB color space, hex #ff2740 is composed of 100% red, 15.3% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.7% magenta, 74.9% yellow and 0% black. It has a hue angle of 353.1 degrees, a saturation of 100% and a lightness of 57.6%. #ff2740 color hex could be obtained by blending #ff4e80 with #ff0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 100
- G 15
- B 25
RGB color chart
- C 0
- M 85
- Y 75
- K 0
CMYK color chart

● #ff2740 color description : Vivid red.

The hexadecimal color #ff2740 has RGB values of R:255, G:39, B:64 and CMYK values of C:0, M:0.85, Y:0.75, K:0. Its decimal value is 16721728.

Hex triplet	ff2740	`#ff2740`
RGB Decimal	255, 39, 64	`rgb(255,39,64)`
RGB Percent	100, 15.3, 25.1	`rgb(100%,15.3%,25.1%)`
CMYK	0, 85, 75, 0
HSL	353.1°, 100, 57.6	`hsl(353.1,100%,57.6%)`
HSV (or HSB)	353.1°, 84.7, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.161, 76.788, 42.389
XYZ	42.893, 23.087, 7.048
xyY	0.587, 0.316, 23.087
CIE-LCH	55.161, 87.711, 28.9
CIE-LUV	55.161, 157.967, 27.27
Hunter-Lab	48.049, 75.263, 24.937
Binary	11111111, 00100111, 01000000

#ff2740
```
#ff2740 rgb(255,39,64)
```
#27ffe6
```
#27ffe6 rgb(39,255,230)
```

Complementary Color

#ff27ac
```
#ff27ac rgb(255,39,172)
```
#ff2740
```
#ff2740 rgb(255,39,64)
```
#ff7a27
```
#ff7a27 rgb(255,122,39)
```

Analogous Color

#27acff
```
#27acff rgb(39,172,255)
```
#ff2740
```
#ff2740 rgb(255,39,64)
```
#27ff7a
```
#27ff7a rgb(39,255,122)
```

Split Complementary Color

#2740ff
```
#2740ff rgb(39,64,255)
```
#ff2740
```
#ff2740 rgb(255,39,64)
```
#40ff27
```
#40ff27 rgb(64,255,39)
```

Triadic Color

#e627ff
```
#e627ff rgb(230,39,255)
```
#ff2740
```
#ff2740 rgb(255,39,64)
```
#40ff27
```
#40ff27 rgb(64,255,39)
```
#27ffe6
```
#27ffe6 rgb(39,255,230)
```

Tetradic Color

#da0019
```
#da0019 rgb(218,0,25)
```
#f3001c
```
#f3001c rgb(243,0,28)
```
#ff0e29
```
#ff0e29 rgb(255,14,41)
```
#ff2740
```
#ff2740 rgb(255,39,64)
```
#ff4157
```
#ff4157 rgb(255,65,87)
```
#ff5a6d
```
#ff5a6d rgb(255,90,109)
```
#ff7484
```
#ff7484 rgb(255,116,132)
```

Monochromatic Color

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

#ff2776
```
#ff2776 rgb(255,39,118)
```
#ff2764
```
#ff2764 rgb(255,39,100)
```
#ff2752
```
#ff2752 rgb(255,39,82)
```
#ff2740
```
#ff2740 rgb(255,39,64)
```
#ff272e
```
#ff272e rgb(255,39,46)
```
#ff3227
```
#ff3227 rgb(255,50,39)
```
#ff4427
```
#ff4427 rgb(255,68,39)
```

Similar Colors

Text with hexadecimal color #ff2740

This text has a font color of #ff2740.

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

#ff2740 background color

This paragraph has a background color of #ff2740.

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

#ff2740 border color

This element has a border color of #ff2740.

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

CSS codes

.text {color:#ff2740;}

.background {background-color:#ff2740;}

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

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, #130002 is the darkest color, while #ffffff is the lightest one.

#130002
```
#130002 rgb(19,0,2)
```
#270005
```
#270005 rgb(39,0,5)
```
#3b0007
```
#3b0007 rgb(59,0,7)
```
#4e0009
```
#4e0009 rgb(78,0,9)
```
#62000b
```
#62000b rgb(98,0,11)
```
#75000e
```
#75000e rgb(117,0,14)
```
#890010
```
#890010 rgb(137,0,16)
```
#9d0012
```
#9d0012 rgb(157,0,18)
```
#b00014
```
#b00014 rgb(176,0,20)
```
#c40017
```
#c40017 rgb(196,0,23)
```
#d80019
```
#d80019 rgb(216,0,25)
```
#eb001b
```
#eb001b rgb(235,0,27)
```
#ff001d
```
#ff001d rgb(255,0,29)
```

Shade Color Variation

#ff132f
```
#ff132f rgb(255,19,47)
```
#ff2740
```
#ff2740 rgb(255,39,64)
```
#ff3b51
```
#ff3b51 rgb(255,59,81)
```
#ff4e63
```
#ff4e63 rgb(255,78,99)
```
#ff6274
```
#ff6274 rgb(255,98,116)
```
#ff7585
```
#ff7585 rgb(255,117,133)
```
#ff8997
```
#ff8997 rgb(255,137,151)
```
#ff9da8
```
#ff9da8 rgb(255,157,168)
```
#ffb0b9
```
#ffb0b9 rgb(255,176,185)
```
#ffc4cb
```
#ffc4cb rgb(255,196,203)
```
#ffd8dc
```
#ffd8dc rgb(255,216,220)
```
#ffebed
```
#ffebed rgb(255,235,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#9b8b8d
```
#9b8b8d rgb(155,139,141)
```
#a48286
```
#a48286 rgb(164,130,134)
```
#ac7a80
```
#ac7a80 rgb(172,122,128)
```
#b47279
```
#b47279 rgb(180,114,121)
```
#bd6973
```
#bd6973 rgb(189,105,115)
```
#c5616d
```
#c5616d rgb(197,97,109)
```
#cd5966
```
#cd5966 rgb(205,89,102)
```
#d55160
```
#d55160 rgb(213,81,96)
```
#de485a
```
#de485a rgb(222,72,90)
```
#e64053
```
#e64053 rgb(230,64,83)
```
#ee384d
```
#ee384d rgb(238,56,77)
```
#f72f46
```
#f72f46 rgb(247,47,70)
```
#ff2740
```
#ff2740 rgb(255,39,64)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#885d62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958a62 Protanopia 1% of men
#aa843a Deuteranopia 1% of men
#fe3635 Tritanopia 0.001% of the population

Trichromacy

#bb6656 Protanomaly 1% of men, 0.01% of women
#c9623c Deuteranomaly 6% of men, 0.4% of women
#fe3039 Tritanomaly 0.01% of the population

#ff2740 hex color

#ff2740 Color Information

#ff2740 Color Conversion

Color Schemes with #ff2740

Alternatives to #ff2740

#ff2740 Preview

Shades and Tints of #ff2740

Tones of #ff2740

Color Blindness Simulator