#ff2a54 Color Information
In a RGB color space, hex #ff2a54 is composed of 100% red, 16.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.5% magenta, 67.1% yellow and 0% black. It has a hue angle of 348.2 degrees, a saturation of 100% and a lightness of 58.2%. #ff2a54 color hex could be obtained by blending #ff54a8 with #ff0000. Closest websafe color is: #ff3366.
-
- R 100
- G 16
- B 33
-
- C 0
- M 84
- Y 67
- K 0
● #ff2a54 color description : Vivid red.
#ff2a54 Color Conversion
The hexadecimal color #ff2a54 has RGB values of R:255, G:42, B:84 and CMYK values of C:0, M:0.84, Y:0.67, K:0. Its decimal value is 16722516.
Hex triplet | ff2a54 | #ff2a54 |
---|---|---|
RGB Decimal | 255, 42, 84 | rgb(255,42,84) |
RGB Percent | 100, 16.5, 32.9 | rgb(100%,16.5%,32.9%) |
CMYK | 0, 84, 67, 0 | |
HSL | 348.2°, 100, 58.2 | hsl(348.2,100%,58.2%) |
HSV (or HSB) | 348.2°, 83.5, 100 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 55.646, 77.002, 31.42 |
---|---|
XYZ | 43.67, 23.561, 10.635 |
xyY | 0.561, 0.303, 23.561 |
CIE-LCH | 55.646, 83.166, 22.197 |
CIE-LUV | 55.646, 151.439, 18.781 |
Hunter-Lab | 48.54, 75.647, 20.987 |
Binary | 11111111, 00101010, 01010100 |
Color Schemes with #ff2a54
Alternatives to #ff2a54
Below, you can see some colors close to #ff2a54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff2a54 Preview
This text has a font color of #ff2a54.
<span style="color:#ff2a54;">Text here</span>
This paragraph has a background color of #ff2a54.
<p style="background-color:#ff2a54;">Content here</p>
This element has a border color of #ff2a54.
<div style="border:1px solid #ff2a54;">Content here</div>
.text {color:#ff2a54;}
.background {background-color:#ff2a54;}
.border {border:1px solid #ff2a54;}
Shades and Tints of #ff2a54
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, #030001 is the darkest color, while #ffeef1 is the lightest one.
-
#030001
#030001
rgb(3,0,1)
-
#160004
#160004
rgb(22,0,4)
-
#2a0008
#2a0008
rgb(42,0,8)
-
#3e000c
#3e000c
rgb(62,0,12)
-
#510010
#510010
rgb(81,0,16)
-
#650014
#650014
rgb(101,0,20)
-
#780018
#780018
rgb(120,0,24)
-
#8c001c
#8c001c
rgb(140,0,28)
-
#a0001f
#a0001f
rgb(160,0,31)
-
#b30023
#b30023
rgb(179,0,35)
-
#c70027
#c70027
rgb(199,0,39)
-
#db002b
#db002b
rgb(219,0,43)
-
#ee002f
#ee002f
rgb(238,0,47)
-
#ff0335
#ff0335
rgb(255,3,53)
-
#ff1644
#ff1644
rgb(255,22,68)
-
#ff2a54
#ff2a54
rgb(255,42,84)
-
#ff3e64
#ff3e64
rgb(255,62,100)
-
#ff5173
#ff5173
rgb(255,81,115)
-
#ff6583
#ff6583
rgb(255,101,131)
-
#ff7893
#ff7893
rgb(255,120,147)
-
#ff8ca3
#ff8ca3
rgb(255,140,163)
-
#ffa0b2
#ffa0b2
rgb(255,160,178)
-
#ffb3c2
#ffb3c2
rgb(255,179,194)
-
#ffc7d2
#ffc7d2
rgb(255,199,210)
-
#ffdbe2
#ffdbe2
rgb(255,219,226)
-
#ffeef1
#ffeef1
rgb(255,238,241)
Tones of #ff2a54
A tone is produced by adding gray to any pure hue. In this case, #9d8c90 is the less saturated color, while #ff2a54 is the most saturated one.
-
#9d8c90
#9d8c90
rgb(157,140,144)
-
#a5848b
#a5848b
rgb(165,132,139)
-
#ad7c86
#ad7c86
rgb(173,124,134)
-
#b57481
#b57481
rgb(181,116,129)
-
#bd6c7c
#bd6c7c
rgb(189,108,124)
-
#c66377
#c66377
rgb(198,99,119)
-
#ce5b72
#ce5b72
rgb(206,91,114)
-
#d6536d
#d6536d
rgb(214,83,109)
-
#de4b68
#de4b68
rgb(222,75,104)
-
#e64363
#e64363
rgb(230,67,99)
-
#ef3a5e
#ef3a5e
rgb(239,58,94)
-
#f73259
#f73259
rgb(247,50,89)
-
#ff2a54
#ff2a54
rgb(255,42,84)
Color Blindness Simulator
Below, you can see how #ff2a54 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.