#ff6954 Color Information
In a RGB color space, hex #ff6954 is composed of 100% red, 41.2% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.8% magenta, 67.1% yellow and 0% black. It has a hue angle of 7.4 degrees, a saturation of 100% and a lightness of 66.5%. #ff6954 color hex could be obtained by blending #ffd2a8 with #ff0000. Closest websafe color is: #ff6666.
-
- R 100
- G 41
- B 33
-
- C 0
- M 59
- Y 67
- K 0
● #ff6954 color description : Light red.
#ff6954 Color Conversion
The hexadecimal color #ff6954 has RGB values of R:255, G:105, B:84 and CMYK values of C:0, M:0.59, Y:0.67, K:0. Its decimal value is 16738644.
Hex triplet | ff6954 | #ff6954 |
---|---|---|
RGB Decimal | 255, 105, 84 | rgb(255,105,84) |
RGB Percent | 100, 41.2, 32.9 | rgb(100%,41.2%,32.9%) |
CMYK | 0, 59, 67, 0 | |
HSL | 7.4°, 100, 66.5 | hsl(7.4,100%,66.5%) |
HSV (or HSB) | 7.4°, 67.1, 100 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 63.35, 55.854, 40.805 |
---|---|
XYZ | 47.894, 32.008, 12.043 |
xyY | 0.521, 0.348, 32.008 |
CIE-LCH | 63.35, 69.172, 36.151 |
CIE-LUV | 63.35, 116.732, 34.836 |
Hunter-Lab | 56.576, 52.1, 26.982 |
Binary | 11111111, 01101001, 01010100 |
Color Schemes with #ff6954
Alternatives to #ff6954
Below, you can see some colors close to #ff6954. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6954 Preview
This text has a font color of #ff6954.
<span style="color:#ff6954;">Text here</span>
This paragraph has a background color of #ff6954.
<p style="background-color:#ff6954;">Content here</p>
This element has a border color of #ff6954.
<div style="border:1px solid #ff6954;">Content here</div>
.text {color:#ff6954;}
.background {background-color:#ff6954;}
.border {border:1px solid #ff6954;}
Shades and Tints of #ff6954
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, #060100 is the darkest color, while #fff3f1 is the lightest one.
-
#060100
#060100
rgb(6,1,0)
-
#190300
#190300
rgb(25,3,0)
-
#2d0500
#2d0500
rgb(45,5,0)
-
#400800
#400800
rgb(64,8,0)
-
#540a00
#540a00
rgb(84,10,0)
-
#680d00
#680d00
rgb(104,13,0)
-
#7b0f00
#7b0f00
rgb(123,15,0)
-
#8f1200
#8f1200
rgb(143,18,0)
-
#a21400
#a21400
rgb(162,20,0)
-
#b61600
#b61600
rgb(182,22,0)
-
#ca1900
#ca1900
rgb(202,25,0)
-
#dd1b00
#dd1b00
rgb(221,27,0)
-
#f11e00
#f11e00
rgb(241,30,0)
-
#ff2406
#ff2406
rgb(255,36,6)
-
#ff3519
#ff3519
rgb(255,53,25)
-
#ff472d
#ff472d
rgb(255,71,45)
-
#ff5840
#ff5840
rgb(255,88,64)
-
#ff6954
#ff6954
rgb(255,105,84)
-
#ff7a68
#ff7a68
rgb(255,122,104)
-
#ff8b7b
#ff8b7b
rgb(255,139,123)
-
#ff9d8f
#ff9d8f
rgb(255,157,143)
-
#ffaea2
#ffaea2
rgb(255,174,162)
-
#ffbfb6
#ffbfb6
rgb(255,191,182)
-
#ffd0ca
#ffd0ca
rgb(255,208,202)
-
#ffe1dd
#ffe1dd
rgb(255,225,221)
-
#fff3f1
#fff3f1
rgb(255,243,241)
Tones of #ff6954
A tone is produced by adding gray to any pure hue. In this case, #b0a5a3 is the less saturated color, while #ff6954 is the most saturated one.
-
#b0a5a3
#b0a5a3
rgb(176,165,163)
-
#b7a09c
#b7a09c
rgb(183,160,156)
-
#bd9b96
#bd9b96
rgb(189,155,150)
-
#c4968f
#c4968f
rgb(196,150,143)
-
#ca9189
#ca9189
rgb(202,145,137)
-
#d18c82
#d18c82
rgb(209,140,130)
-
#d8877b
#d8877b
rgb(216,135,123)
-
#de8275
#de8275
rgb(222,130,117)
-
#e57d6e
#e57d6e
rgb(229,125,110)
-
#eb7868
#eb7868
rgb(235,120,104)
-
#f27361
#f27361
rgb(242,115,97)
-
#f86e5b
#f86e5b
rgb(248,110,91)
-
#ff6954
#ff6954
rgb(255,105,84)
Color Blindness Simulator
Below, you can see how #ff6954 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.