#ff6f6b Color Information
In a RGB color space, hex #ff6f6b is composed of 100% red, 43.5% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 58% yellow and 0% black. It has a hue angle of 1.6 degrees, a saturation of 100% and a lightness of 71%. #ff6f6b color hex could be obtained by blending #ffded6 with #ff0000. Closest websafe color is: #ff6666.
-
- R 100
- G 44
- B 42
-
- C 0
- M 56
- Y 58
- K 0
● #ff6f6b color description : Very light red.
#ff6f6b Color Conversion
The hexadecimal color #ff6f6b has RGB values of R:255, G:111, B:107 and CMYK values of C:0, M:0.56, Y:0.58, K:0. Its decimal value is 16740203.
Hex triplet | ff6f6b | #ff6f6b |
---|---|---|
RGB Decimal | 255, 111, 107 | rgb(255,111,107) |
RGB Percent | 100, 43.5, 42 | rgb(100%,43.5%,42%) |
CMYK | 0, 56, 58, 0 | |
HSL | 1.6°, 100, 71 | hsl(1.6,100%,71%) |
HSV (or HSB) | 1.6°, 58, 100 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 64.72, 54.563, 29.81 |
---|---|
XYZ | 49.58, 33.695, 17.802 |
xyY | 0.491, 0.333, 33.695 |
CIE-LCH | 64.72, 62.175, 28.65 |
CIE-LUV | 64.72, 107.796, 25.326 |
Hunter-Lab | 58.048, 50.878, 22.45 |
Binary | 11111111, 01101111, 01101011 |
Color Schemes with #ff6f6b
Alternatives to #ff6f6b
Below, you can see some colors close to #ff6f6b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6f6b Preview
This text has a font color of #ff6f6b.
<span style="color:#ff6f6b;">Text here</span>
This paragraph has a background color of #ff6f6b.
<p style="background-color:#ff6f6b;">Content here</p>
This element has a border color of #ff6f6b.
<div style="border:1px solid #ff6f6b;">Content here</div>
.text {color:#ff6f6b;}
.background {background-color:#ff6f6b;}
.border {border:1px solid #ff6f6b;}
Shades and Tints of #ff6f6b
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, #090000 is the darkest color, while #fff5f4 is the lightest one.
-
#090000
#090000
rgb(9,0,0)
-
#1d0100
#1d0100
rgb(29,1,0)
-
#300100
#300100
rgb(48,1,0)
-
#440200
#440200
rgb(68,2,0)
-
#570200
#570200
rgb(87,2,0)
-
#6b0300
#6b0300
rgb(107,3,0)
-
#7f0300
#7f0300
rgb(127,3,0)
-
#920400
#920400
rgb(146,4,0)
-
#a60400
#a60400
rgb(166,4,0)
-
#b90500
#b90500
rgb(185,5,0)
-
#cd0600
#cd0600
rgb(205,6,0)
-
#e10600
#e10600
rgb(225,6,0)
-
#f40700
#f40700
rgb(244,7,0)
-
#ff1009
#ff1009
rgb(255,16,9)
-
#ff231d
#ff231d
rgb(255,35,29)
-
#ff3630
#ff3630
rgb(255,54,48)
-
#ff4944
#ff4944
rgb(255,73,68)
-
#ff5c57
#ff5c57
rgb(255,92,87)
-
#ff6f6b
#ff6f6b
rgb(255,111,107)
-
#ff827f
#ff827f
rgb(255,130,127)
-
#ff9592
#ff9592
rgb(255,149,146)
-
#ffa8a6
#ffa8a6
rgb(255,168,166)
-
#ffbbb9
#ffbbb9
rgb(255,187,185)
-
#ffcecd
#ffcecd
rgb(255,206,205)
-
#ffe2e1
#ffe2e1
rgb(255,226,225)
-
#fff5f4
#fff5f4
rgb(255,245,244)
Tones of #ff6f6b
A tone is produced by adding gray to any pure hue. In this case, #bbb0af is the less saturated color, while #ff6f6b is the most saturated one.
-
#bbb0af
#bbb0af
rgb(187,176,175)
-
#c0aaaa
#c0aaaa
rgb(192,170,170)
-
#c6a5a4
#c6a5a4
rgb(198,165,164)
-
#cc9f9e
#cc9f9e
rgb(204,159,158)
-
#d19a99
#d19a99
rgb(209,154,153)
-
#d79593
#d79593
rgb(215,149,147)
-
#dd8f8d
#dd8f8d
rgb(221,143,141)
-
#e38a87
#e38a87
rgb(227,138,135)
-
#e88582
#e88582
rgb(232,133,130)
-
#ee7f7c
#ee7f7c
rgb(238,127,124)
-
#f47a76
#f47a76
rgb(244,122,118)
-
#f97471
#f97471
rgb(249,116,113)
-
#ff6f6b
#ff6f6b
rgb(255,111,107)
Color Blindness Simulator
Below, you can see how #ff6f6b 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.