#ff40af hex color

In a RGB color space, hex #ff40af is composed of 100% red, 25.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.9% magenta, 31.4% yellow and 0% black. It has a hue angle of 325.1 degrees, a saturation of 100% and a lightness of 62.5%. #ff40af color hex could be obtained by blending #ff80ff with #ff005f. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 100
- G 25
- B 69
RGB color chart
- C 0
- M 75
- Y 31
- K 0
CMYK color chart

● #ff40af color description : Light pink.

The hexadecimal color #ff40af has RGB values of R:255, G:64, B:175 and CMYK values of C:0, M:0.75, Y:0.31, K:0. Its decimal value is 16728239.

Hex triplet	ff40af	`#ff40af`
RGB Decimal	255, 64, 175	`rgb(255,64,175)`
RGB Percent	100, 25.1, 68.6	`rgb(100%,25.1%,68.6%)`
CMYK	0, 75, 31, 0
HSL	325.1°, 100, 62.5	`hsl(325.1,100%,62.5%)`
HSV (or HSB)	325.1°, 74.9, 100
Web Safe	ff3399	`#ff3399`

CIE-LAB	59.913, 78.59, -16.178
XYZ	50.812, 28.027, 43.289
xyY	0.416, 0.229, 28.027
CIE-LCH	59.913, 80.238, 348.368
CIE-LUV	59.913, 109.274, -37.924
Hunter-Lab	52.94, 78.679, -11.423
Binary	11111111, 01000000, 10101111

#ff40af
```
#ff40af rgb(255,64,175)
```
#40ff90
```
#40ff90 rgb(64,255,144)
```

Complementary Color

#f040ff
```
#f040ff rgb(240,64,255)
```
#ff40af
```
#ff40af rgb(255,64,175)
```
#ff404f
```
#ff404f rgb(255,64,79)
```

Analogous Color

#40fff0
```
#40fff0 rgb(64,255,240)
```
#ff40af
```
#ff40af rgb(255,64,175)
```
#4fff40
```
#4fff40 rgb(79,255,64)
```

Split Complementary Color

#40afff
```
#40afff rgb(64,175,255)
```
#ff40af
```
#ff40af rgb(255,64,175)
```
#afff40
```
#afff40 rgb(175,255,64)
```

Triadic Color

#9040ff
```
#9040ff rgb(144,64,255)
```
#ff40af
```
#ff40af rgb(255,64,175)
```
#afff40
```
#afff40 rgb(175,255,64)
```
#40ff90
```
#40ff90 rgb(64,255,144)
```

Tetradic Color

#f3008d
```
#f3008d rgb(243,0,141)
```
#ff0d9a
```
#ff0d9a rgb(255,13,154)
```
#ff27a4
```
#ff27a4 rgb(255,39,164)
```
#ff40af
```
#ff40af rgb(255,64,175)
```
#ff5aba
```
#ff5aba rgb(255,90,186)
```
#ff73c4
```
#ff73c4 rgb(255,115,196)
```
#ff8dcf
```
#ff8dcf rgb(255,141,207)
```

Monochromatic Color

Below, you can see some colors close to #ff40af. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ff40df
```
#ff40df rgb(255,64,223)
```
#ff40cf
```
#ff40cf rgb(255,64,207)
```
#ff40bf
```
#ff40bf rgb(255,64,191)
```
#ff40af
```
#ff40af rgb(255,64,175)
```
#ff409f
```
#ff409f rgb(255,64,159)
```
#ff408f
```
#ff408f rgb(255,64,143)
```
#ff407f
```
#ff407f rgb(255,64,127)
```

Similar Colors

Text with hexadecimal color #ff40af

This text has a font color of #ff40af.

<span style="color:#ff40af;">Text here</span>

#ff40af background color

This paragraph has a background color of #ff40af.

<p style="background-color:#ff40af;">Content here</p>

#ff40af border color

This element has a border color of #ff40af.

<div style="border:1px solid #ff40af;">Content here</div>

CSS codes

.text {color:#ff40af;}

.background {background-color:#ff40af;}

.border {border:1px solid #ff40af;}

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, #050003 is the darkest color, while #fff1f9 is the lightest one.

#050003
```
#050003 rgb(5,0,3)
```
#19000e
```
#19000e rgb(25,0,14)
```
#2c001a
```
#2c001a rgb(44,0,26)
```
#400025
```
#400025 rgb(64,0,37)
```
#540031
```
#540031 rgb(84,0,49)
```
#67003c
```
#67003c rgb(103,0,60)
```
#7b0047
```
#7b0047 rgb(123,0,71)
```
#8e0053
```
#8e0053 rgb(142,0,83)
```
#a2005e
```
#a2005e rgb(162,0,94)
```
#b6006a
```
#b6006a rgb(182,0,106)
```
#c90075
```
#c90075 rgb(201,0,117)
```
#dd0080
```
#dd0080 rgb(221,0,128)
```
#f1008c
```
#f1008c rgb(241,0,140)
```

Shade Color Variation

#ff0596
```
#ff0596 rgb(255,5,150)
```
#ff199f
```
#ff199f rgb(255,25,159)
```
#ff2ca7
```
#ff2ca7 rgb(255,44,167)
```
#ff40af
```
#ff40af rgb(255,64,175)
```
#ff54b7
```
#ff54b7 rgb(255,84,183)
```
#ff67bf
```
#ff67bf rgb(255,103,191)
```
#ff7bc8
```
#ff7bc8 rgb(255,123,200)
```
#ff8ed0
```
#ff8ed0 rgb(255,142,208)
```
#ffa2d8
```
#ffa2d8 rgb(255,162,216)
```
#ffb6e0
```
#ffb6e0 rgb(255,182,224)
```
#ffc9e9
```
#ffc9e9 rgb(255,201,233)
```
#ffddf1
```
#ffddf1 rgb(255,221,241)
```
#fff1f9
```
#fff1f9 rgb(255,241,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a798a1 is the less saturated color, while #ff40af is the most saturated one.

#a798a1
```
#a798a1 rgb(167,152,161)
```
#ae91a2
```
#ae91a2 rgb(174,145,162)
```
#b689a3
```
#b689a3 rgb(182,137,163)
```
#bd82a4
```
#bd82a4 rgb(189,130,164)
```
#c47ba5
```
#c47ba5 rgb(196,123,165)
```
#cc73a7
```
#cc73a7 rgb(204,115,167)
```
#d36ca8
```
#d36ca8 rgb(211,108,168)
```
#da65a9
```
#da65a9 rgb(218,101,169)
```
#e25daa
```
#e25daa rgb(226,93,170)
```
#e956ab
```
#e956ab rgb(233,86,171)
```
#f04fad
```
#f04fad rgb(240,79,173)
```
#f847ae
```
#f847ae rgb(248,71,174)
```
#ff40af
```
#ff40af rgb(255,64,175)
```

Tone Color Variation

Below, you can see how #ff40af 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.

Monochromacy

#868686 Achromatopsia 0.005% of the population
#9e788e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7893de Protanopia 1% of men
#9d92a4 Deuteranopia 1% of men
#f96166 Tritanopia 0.001% of the population

Trichromacy

#a975cd Protanomaly 1% of men, 0.01% of women
#c074a8 Deuteranomaly 6% of men, 0.4% of women
#fb5581 Tritanomaly 0.01% of the population

#ff40af hex color

#ff40af Color Information

#ff40af Color Conversion

Color Schemes with #ff40af

Alternatives to #ff40af

#ff40af Preview

Shades and Tints of #ff40af

Tones of #ff40af

Color Blindness Simulator