#ff6f66 Color Information
In a RGB color space, hex #ff6f66 is composed of 100% red, 43.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 60% yellow and 0% black. It has a hue angle of 3.5 degrees, a saturation of 100% and a lightness of 70%. #ff6f66 color hex could be obtained by blending #ffdecc with #ff0000. Closest websafe color is: #ff6666.
-
- R 100
- G 44
- B 40
-
- C 0
- M 56
- Y 60
- K 0
● #ff6f66 color description : Light red.
#ff6f66 Color Conversion
The hexadecimal color #ff6f66 has RGB values of R:255, G:111, B:102 and CMYK values of C:0, M:0.56, Y:0.6, K:0. Its decimal value is 16740198.
Hex triplet | ff6f66 | #ff6f66 |
---|---|---|
RGB Decimal | 255, 111, 102 | rgb(255,111,102) |
RGB Percent | 100, 43.5, 40 | rgb(100%,43.5%,40%) |
CMYK | 0, 56, 60, 0 | |
HSL | 3.5°, 100, 70 | hsl(3.5,100%,70%) |
HSV (or HSB) | 3.5°, 60, 100 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 64.638, 54.223, 32.497 |
---|---|
XYZ | 49.324, 33.593, 16.456 |
xyY | 0.496, 0.338, 33.593 |
CIE-LCH | 64.638, 63.215, 30.936 |
CIE-LUV | 64.638, 108.883, 28.061 |
Hunter-Lab | 57.959, 50.477, 23.737 |
Binary | 11111111, 01101111, 01100110 |
Color Schemes with #ff6f66
Alternatives to #ff6f66
Below, you can see some colors close to #ff6f66. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6f66 Preview
This text has a font color of #ff6f66.
<span style="color:#ff6f66;">Text here</span>
This paragraph has a background color of #ff6f66.
<p style="background-color:#ff6f66;">Content here</p>
This element has a border color of #ff6f66.
<div style="border:1px solid #ff6f66;">Content here</div>
.text {color:#ff6f66;}
.background {background-color:#ff6f66;}
.border {border:1px solid #ff6f66;}
Shades and Tints of #ff6f66
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, #040000 is the darkest color, while #fff0ef is the lightest one.
-
#040000
#040000
rgb(4,0,0)
-
#180100
#180100
rgb(24,1,0)
-
#2b0300
#2b0300
rgb(43,3,0)
-
#3f0400
#3f0400
rgb(63,4,0)
-
#520500
#520500
rgb(82,5,0)
-
#660600
#660600
rgb(102,6,0)
-
#7a0700
#7a0700
rgb(122,7,0)
-
#8d0800
#8d0800
rgb(141,8,0)
-
#a10900
#a10900
rgb(161,9,0)
-
#b40b00
#b40b00
rgb(180,11,0)
-
#c80c00
#c80c00
rgb(200,12,0)
-
#dc0d00
#dc0d00
rgb(220,13,0)
-
#ef0e00
#ef0e00
rgb(239,14,0)
-
#ff1304
#ff1304
rgb(255,19,4)
-
#ff2518
#ff2518
rgb(255,37,24)
-
#ff382b
#ff382b
rgb(255,56,43)
-
#ff4a3f
#ff4a3f
rgb(255,74,63)
-
#ff5d52
#ff5d52
rgb(255,93,82)
-
#ff6f66
#ff6f66
rgb(255,111,102)
-
#ff817a
#ff817a
rgb(255,129,122)
-
#ff948d
#ff948d
rgb(255,148,141)
-
#ffa6a1
#ffa6a1
rgb(255,166,161)
-
#ffb9b4
#ffb9b4
rgb(255,185,180)
-
#ffcbc8
#ffcbc8
rgb(255,203,200)
-
#ffdedc
#ffdedc
rgb(255,222,220)
-
#fff0ef
#fff0ef
rgb(255,240,239)
Tones of #ff6f66
A tone is produced by adding gray to any pure hue. In this case, #b8adad is the less saturated color, while #ff6f66 is the most saturated one.
-
#b8adad
#b8adad
rgb(184,173,173)
-
#bea8a7
#bea8a7
rgb(190,168,167)
-
#c4a3a1
#c4a3a1
rgb(196,163,161)
-
#ca9e9b
#ca9e9b
rgb(202,158,155)
-
#d09995
#d09995
rgb(208,153,149)
-
#d6938f
#d6938f
rgb(214,147,143)
-
#dc8e89
#dc8e89
rgb(220,142,137)
-
#e28983
#e28983
rgb(226,137,131)
-
#e7847e
#e7847e
rgb(231,132,126)
-
#ed7f78
#ed7f78
rgb(237,127,120)
-
#f37972
#f37972
rgb(243,121,114)
-
#f9746c
#f9746c
rgb(249,116,108)
-
#ff6f66
#ff6f66
rgb(255,111,102)
Color Blindness Simulator
Below, you can see how #ff6f66 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.