#ff6661 Color Information
In a RGB color space, hex #ff6661 is composed of 100% red, 40% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 62% yellow and 0% black. It has a hue angle of 1.9 degrees, a saturation of 100% and a lightness of 69%. #ff6661 color hex could be obtained by blending #ffccc2 with #ff0000. Closest websafe color is: #ff6666.
-
- R 100
- G 40
- B 38
-
- C 0
- M 60
- Y 62
- K 0
● #ff6661 color description : Light red.
#ff6661 Color Conversion
The hexadecimal color #ff6661 has RGB values of R:255, G:102, B:97 and CMYK values of C:0, M:0.6, Y:0.62, K:0. Its decimal value is 16737889.
| Hex triplet | ff6661 | #ff6661 |
|---|---|---|
| RGB Decimal | 255, 102, 97 | rgb(255,102,97) |
| RGB Percent | 100, 40, 38 | rgb(100%,40%,38%) |
| CMYK | 0, 60, 62, 0 | |
| HSL | 1.9°, 100, 69 | hsl(1.9,100%,69%) |
| HSV (or HSB) | 1.9°, 62, 100 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 63.036, 57.914, 33.256 |
|---|---|
| XYZ | 48.151, 31.631, 14.878 |
| xyY | 0.509, 0.334, 31.631 |
| CIE-LCH | 63.036, 66.783, 29.866 |
| CIE-LUV | 63.036, 116.12, 27.469 |
| Hunter-Lab | 56.241, 54.4, 23.684 |
| Binary | 11111111, 01100110, 01100001 |
Color Schemes with #ff6661
Alternatives to #ff6661
Below, you can see some colors close to #ff6661. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6661 Preview
This text has a font color of #ff6661.
<span style="color:#ff6661;">Text here</span>
This paragraph has a background color of #ff6661.
<p style="background-color:#ff6661;">Content here</p>
This element has a border color of #ff6661.
<div style="border:1px solid #ff6661;">Content here</div>
.text {color:#ff6661;}
.background {background-color:#ff6661;}
.border {border:1px solid #ff6661;}
Shades and Tints of #ff6661
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, #130100 is the darkest color, while #fffefe is the lightest one.
-
#130100
#130100rgb(19,1,0) -
#260100
#260100rgb(38,1,0) -
#3a0200
#3a0200rgb(58,2,0) -
#4d0200
#4d0200rgb(77,2,0) -
#610300
#610300rgb(97,3,0) -
#750400
#750400rgb(117,4,0) -
#880400
#880400rgb(136,4,0) -
#9c0500
#9c0500rgb(156,5,0) -
#af0600
#af0600rgb(175,6,0) -
#c30600
#c30600rgb(195,6,0) -
#d70700
#d70700rgb(215,7,0) -
#ea0700
#ea0700rgb(234,7,0) -
#fe0800
#fe0800rgb(254,8,0)
-
#ff1a13
#ff1a13rgb(255,26,19) -
#ff2d26
#ff2d26rgb(255,45,38) -
#ff403a
#ff403argb(255,64,58) -
#ff534d
#ff534drgb(255,83,77) -
#ff6661
#ff6661rgb(255,102,97) -
#ff7975
#ff7975rgb(255,121,117) -
#ff8c88
#ff8c88rgb(255,140,136) -
#ff9f9c
#ff9f9crgb(255,159,156) -
#ffb2af
#ffb2afrgb(255,178,175) -
#ffc5c3
#ffc5c3rgb(255,197,195) -
#ffd8d7
#ffd8d7rgb(255,216,215) -
#ffebea
#ffebeargb(255,235,234) -
#fffefe
#fffefergb(255,254,254)
Tones of #ff6661
A tone is produced by adding gray to any pure hue. In this case, #b6aaaa is the less saturated color, while #ff6661 is the most saturated one.
-
#b6aaaa
#b6aaaargb(182,170,170) -
#bca5a4
#bca5a4rgb(188,165,164) -
#c29f9e
#c29f9ergb(194,159,158) -
#c89998
#c89998rgb(200,153,152) -
#ce9492
#ce9492rgb(206,148,146) -
#d48e8c
#d48e8crgb(212,142,140) -
#db8885
#db8885rgb(219,136,133) -
#e1827f
#e1827frgb(225,130,127) -
#e77d79
#e77d79rgb(231,125,121) -
#ed7773
#ed7773rgb(237,119,115) -
#f3716d
#f3716drgb(243,113,109) -
#f96c67
#f96c67rgb(249,108,103) -
#ff6661
#ff6661rgb(255,102,97)
Color Blindness Simulator
Below, you can see how #ff6661 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.
