#ff3d3d Color Information
In a RGB color space, hex #ff3d3d is composed of 100% red, 23.9% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.1% magenta, 76.1% yellow and 0% black. It has a hue angle of 0 degrees, a saturation of 100% and a lightness of 62%. #ff3d3d color hex could be obtained by blending #ff7a7a with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 24
- B 24
-
- C 0
- M 76
- Y 76
- K 0
● #ff3d3d color description : Light red.
#ff3d3d Color Conversion
The hexadecimal color #ff3d3d has RGB values of R:255, G:61, B:61 and CMYK values of C:0, M:0.76, Y:0.76, K:0. Its decimal value is 16727357.
Hex triplet | ff3d3d | #ff3d3d |
---|---|---|
RGB Decimal | 255, 61, 61 | rgb(255,61,61) |
RGB Percent | 100, 23.9, 23.9 | rgb(100%,23.9%,23.9%) |
CMYK | 0, 76, 76, 0 | |
HSL | 0°, 100, 62 | hsl(0,100%,62%) |
HSV (or HSB) | 0°, 76.1, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 57.017, 71.338, 46.059 |
---|---|
XYZ | 43.753, 24.94, 6.925 |
xyY | 0.579, 0.33, 24.94 |
CIE-LCH | 57.017, 84.915, 32.848 |
CIE-LUV | 57.017, 149.107, 32.166 |
Hunter-Lab | 49.94, 68.993, 26.737 |
Binary | 11111111, 00111101, 00111101 |
Color Schemes with #ff3d3d
Alternatives to #ff3d3d
Below, you can see some colors close to #ff3d3d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff3d3d Preview
This text has a font color of #ff3d3d.
<span style="color:#ff3d3d;">Text here</span>
This paragraph has a background color of #ff3d3d.
<p style="background-color:#ff3d3d;">Content here</p>
This element has a border color of #ff3d3d.
<div style="border:1px solid #ff3d3d;">Content here</div>
.text {color:#ff3d3d;}
.background {background-color:#ff3d3d;}
.border {border:1px solid #ff3d3d;}
Shades and Tints of #ff3d3d
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, #020000 is the darkest color, while #ffeeee is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#160000
#160000
rgb(22,0,0)
-
#290000
#290000
rgb(41,0,0)
-
#3d0000
#3d0000
rgb(61,0,0)
-
#510000
#510000
rgb(81,0,0)
-
#640000
#640000
rgb(100,0,0)
-
#780000
#780000
rgb(120,0,0)
-
#8b0000
#8b0000
rgb(139,0,0)
-
#9f0000
#9f0000
rgb(159,0,0)
-
#b30000
#b30000
rgb(179,0,0)
-
#c60000
#c60000
rgb(198,0,0)
-
#da0000
#da0000
rgb(218,0,0)
-
#ee0000
#ee0000
rgb(238,0,0)
-
#ff0202
#ff0202
rgb(255,2,2)
-
#ff1616
#ff1616
rgb(255,22,22)
-
#ff2929
#ff2929
rgb(255,41,41)
-
#ff3d3d
#ff3d3d
rgb(255,61,61)
-
#ff5151
#ff5151
rgb(255,81,81)
-
#ff6464
#ff6464
rgb(255,100,100)
-
#ff7878
#ff7878
rgb(255,120,120)
-
#ff8b8b
#ff8b8b
rgb(255,139,139)
-
#ff9f9f
#ff9f9f
rgb(255,159,159)
-
#ffb3b3
#ffb3b3
rgb(255,179,179)
-
#ffc6c6
#ffc6c6
rgb(255,198,198)
-
#ffdada
#ffdada
rgb(255,218,218)
-
#ffeeee
#ffeeee
rgb(255,238,238)
Tones of #ff3d3d
A tone is produced by adding gray to any pure hue. In this case, #a59797 is the less saturated color, while #ff3d3d is the most saturated one.
-
#a59797
#a59797
rgb(165,151,151)
-
#ad8f8f
#ad8f8f
rgb(173,143,143)
-
#b48888
#b48888
rgb(180,136,136)
-
#bc8080
#bc8080
rgb(188,128,128)
-
#c37979
#c37979
rgb(195,121,121)
-
#cb7171
#cb7171
rgb(203,113,113)
-
#d26a6a
#d26a6a
rgb(210,106,106)
-
#da6262
#da6262
rgb(218,98,98)
-
#e15b5b
#e15b5b
rgb(225,91,91)
-
#e95353
#e95353
rgb(233,83,83)
-
#f04c4c
#f04c4c
rgb(240,76,76)
-
#f84444
#f84444
rgb(248,68,68)
-
#ff3d3d
#ff3d3d
rgb(255,61,61)
Color Blindness Simulator
Below, you can see how #ff3d3d 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.