#ff66ff Color Information
In a RGB color space, hex #ff66ff is composed of 100% red, 40% green and 100% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60% magenta, 0% yellow and 0% black. It has a hue angle of 300 degrees, a saturation of 100% and a lightness of 70%. #ff66ff color hex could be obtained by blending #ffccff with #ff00ff. #ff66ff (or #f6f) is a websafe color.
-
- R 100
- G 40
- B 100
-
- C 0
- M 60
- Y 0
- K 0
● #ff66ff color description : Light magenta.
#ff66ff Color Conversion
The hexadecimal color #ff66ff has RGB values of R:255, G:102, B:255 and CMYK values of C:0, M:0.6, Y:0, K:0. Its decimal value is 16738047.
Hex triplet | ff66ff | #ff66ff |
---|---|---|
RGB Decimal | 255, 102, 255 | rgb(255,102,255) |
RGB Percent | 100, 40, 100 | rgb(100%,40%,100%) |
CMYK | 0, 60, 0, 0 | |
HSL | 300°, 100, 70 | hsl(300,100%,70%) |
HSV (or HSB) | 300°, 60, 100 | |
Web Safe | ff66ff | #ff66ff |
CIE-LAB | 68.011, 76.222, -48.624 |
---|---|
XYZ | 64.04, 37.986, 98.561 |
xyY | 0.319, 0.189, 37.986 |
CIE-LCH | 68.011, 90.41, 327.465 |
CIE-LUV | 68.011, 68.736, -88.888 |
Hunter-Lab | 61.633, 77.613, -51.671 |
Binary | 11111111, 01100110, 11111111 |
Color Schemes with #ff66ff
Alternatives to #ff66ff
Below, you can see some colors close to #ff66ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff66ff Preview
This text has a font color of #ff66ff.
<span style="color:#ff66ff;">Text here</span>
This paragraph has a background color of #ff66ff.
<p style="background-color:#ff66ff;">Content here</p>
This element has a border color of #ff66ff.
<div style="border:1px solid #ff66ff;">Content here</div>
.text {color:#ff66ff;}
.background {background-color:#ff66ff;}
.border {border:1px solid #ff66ff;}
Shades and Tints of #ff66ff
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, #040004 is the darkest color, while #ffefff is the lightest one.
-
#040004
#040004
rgb(4,0,4)
-
#180018
#180018
rgb(24,0,24)
-
#2b002b
#2b002b
rgb(43,0,43)
-
#3f003f
#3f003f
rgb(63,0,63)
-
#520052
#520052
rgb(82,0,82)
-
#660066
#660066
rgb(102,0,102)
-
#7a007a
#7a007a
rgb(122,0,122)
-
#8d008d
#8d008d
rgb(141,0,141)
-
#a100a1
#a100a1
rgb(161,0,161)
-
#b400b4
#b400b4
rgb(180,0,180)
-
#c800c8
#c800c8
rgb(200,0,200)
-
#dc00dc
#dc00dc
rgb(220,0,220)
-
#ef00ef
#ef00ef
rgb(239,0,239)
-
#ff04ff
#ff04ff
rgb(255,4,255)
-
#ff18ff
#ff18ff
rgb(255,24,255)
-
#ff2bff
#ff2bff
rgb(255,43,255)
-
#ff3fff
#ff3fff
rgb(255,63,255)
-
#ff52ff
#ff52ff
rgb(255,82,255)
-
#ff66ff
#ff66ff
rgb(255,102,255)
-
#ff7aff
#ff7aff
rgb(255,122,255)
-
#ff8dff
#ff8dff
rgb(255,141,255)
-
#ffa1ff
#ffa1ff
rgb(255,161,255)
-
#ffb4ff
#ffb4ff
rgb(255,180,255)
-
#ffc8ff
#ffc8ff
rgb(255,200,255)
-
#ffdcff
#ffdcff
rgb(255,220,255)
-
#ffefff
#ffefff
rgb(255,239,255)
Tones of #ff66ff
A tone is produced by adding gray to any pure hue. In this case, #b8adb8 is the less saturated color, while #ff66ff is the most saturated one.
-
#b8adb8
#b8adb8
rgb(184,173,184)
-
#bea7be
#bea7be
rgb(190,167,190)
-
#c4a1c4
#c4a1c4
rgb(196,161,196)
-
#ca9bca
#ca9bca
rgb(202,155,202)
-
#d095d0
#d095d0
rgb(208,149,208)
-
#d68fd6
#d68fd6
rgb(214,143,214)
-
#dc89dc
#dc89dc
rgb(220,137,220)
-
#e283e2
#e283e2
rgb(226,131,226)
-
#e77ee7
#e77ee7
rgb(231,126,231)
-
#ed78ed
#ed78ed
rgb(237,120,237)
-
#f372f3
#f372f3
rgb(243,114,243)
-
#f96cf9
#f96cf9
rgb(249,108,249)
-
#ff66ff
#ff66ff
rgb(255,102,255)
Color Blindness Simulator
Below, you can see how #ff66ff 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.