#ff4060 hex color

In a RGB color space, hex #ff4060 is composed of 100% red, 25.1% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.9% magenta, 62.4% yellow and 0% black. It has a hue angle of 349.9 degrees, a saturation of 100% and a lightness of 62.5%. #ff4060 color hex could be obtained by blending #ff80c0 with #ff0000. Closest websafe color is: #ff3366.

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

● #ff4060 color description : Light red.

The hexadecimal color #ff4060 has RGB values of R:255, G:64, B:96 and CMYK values of C:0, M:0.75, Y:0.62, K:0. Its decimal value is 16728160.

Hex triplet	ff4060	`#ff4060`
RGB Decimal	255, 64, 96	`rgb(255,64,96)`
RGB Percent	100, 25.1, 37.6	`rgb(100%,25.1%,37.6%)`
CMYK	0, 75, 62, 0
HSL	349.9°, 100, 62.5	`hsl(349.9,100%,62.5%)`
HSV (or HSB)	349.9°, 74.9, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	57.824, 72.027, 27.158
XYZ	45.187, 25.777, 13.662
xyY	0.534, 0.305, 25.777
CIE-LCH	57.824, 76.977, 20.659
CIE-LUV	57.824, 138.642, 16.773
Hunter-Lab	50.771, 70.019, 19.585
Binary	11111111, 01000000, 01100000

#ff4060
```
#ff4060 rgb(255,64,96)
```
#40ffdf
```
#40ffdf rgb(64,255,223)
```

Complementary Color

#ff40c0
```
#ff40c0 rgb(255,64,192)
```
#ff4060
```
#ff4060 rgb(255,64,96)
```
#ff8040
```
#ff8040 rgb(255,128,64)
```

Analogous Color

#40c0ff
```
#40c0ff rgb(64,192,255)
```
#ff4060
```
#ff4060 rgb(255,64,96)
```
#40ff80
```
#40ff80 rgb(64,255,128)
```

Split Complementary Color

#4060ff
```
#4060ff rgb(64,96,255)
```
#ff4060
```
#ff4060 rgb(255,64,96)
```
#60ff40
```
#60ff40 rgb(96,255,64)
```

Triadic Color

#df40ff
```
#df40ff rgb(223,64,255)
```
#ff4060
```
#ff4060 rgb(255,64,96)
```
#60ff40
```
#60ff40 rgb(96,255,64)
```
#40ffdf
```
#40ffdf rgb(64,255,223)
```

Tetradic Color

#f30029
```
#f30029 rgb(243,0,41)
```
#ff0d36
```
#ff0d36 rgb(255,13,54)
```
#ff274b
```
#ff274b rgb(255,39,75)
```
#ff4060
```
#ff4060 rgb(255,64,96)
```
#ff5a75
```
#ff5a75 rgb(255,90,117)
```
#ff738a
```
#ff738a rgb(255,115,138)
```
#ff8da0
```
#ff8da0 rgb(255,141,160)
```

Monochromatic Color

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

#ff4090
```
#ff4090 rgb(255,64,144)
```
#ff4080
```
#ff4080 rgb(255,64,128)
```
#ff4070
```
#ff4070 rgb(255,64,112)
```
#ff4060
```
#ff4060 rgb(255,64,96)
```
#ff4050
```
#ff4050 rgb(255,64,80)
```
#ff4040
```
#ff4040 rgb(255,64,64)
```
#ff5040
```
#ff5040 rgb(255,80,64)
```

Similar Colors

Text with hexadecimal color #ff4060

This text has a font color of #ff4060.

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

#ff4060 background color

This paragraph has a background color of #ff4060.

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

#ff4060 border color

This element has a border color of #ff4060.

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

CSS codes

.text {color:#ff4060;}

.background {background-color:#ff4060;}

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

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

#050001
```
#050001 rgb(5,0,1)
```
#190004
```
#190004 rgb(25,0,4)
```
#2c0007
```
#2c0007 rgb(44,0,7)
```
#40000b
```
#40000b rgb(64,0,11)
```
#54000e
```
#54000e rgb(84,0,14)
```
#670011
```
#670011 rgb(103,0,17)
```
#7b0015
```
#7b0015 rgb(123,0,21)
```
#8e0018
```
#8e0018 rgb(142,0,24)
```
#a2001b
```
#a2001b rgb(162,0,27)
```
#b6001e
```
#b6001e rgb(182,0,30)
```
#c90022
```
#c90022 rgb(201,0,34)
```
#dd0025
```
#dd0025 rgb(221,0,37)
```
#f10028
```
#f10028 rgb(241,0,40)
```

Shade Color Variation

#ff052f
```
#ff052f rgb(255,5,47)
```
#ff193f
```
#ff193f rgb(255,25,63)
```
#ff2c50
```
#ff2c50 rgb(255,44,80)
```
#ff4060
```
#ff4060 rgb(255,64,96)
```
#ff5470
```
#ff5470 rgb(255,84,112)
```
#ff6781
```
#ff6781 rgb(255,103,129)
```
#ff7b91
```
#ff7b91 rgb(255,123,145)
```
#ff8ea1
```
#ff8ea1 rgb(255,142,161)
```
#ffa2b2
```
#ffa2b2 rgb(255,162,178)
```
#ffb6c2
```
#ffb6c2 rgb(255,182,194)
```
#ffc9d2
```
#ffc9d2 rgb(255,201,210)
```
#ffdde3
```
#ffdde3 rgb(255,221,227)
```
#fff1f3
```
#fff1f3 rgb(255,241,243)
```

Tint Color Variation

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

#a7989b
```
#a7989b rgb(167,152,155)
```
#ae9196
```
#ae9196 rgb(174,145,150)
```
#b68991
```
#b68991 rgb(182,137,145)
```
#bd828c
```
#bd828c rgb(189,130,140)
```
#c47b87
```
#c47b87 rgb(196,123,135)
```
#cc7382
```
#cc7382 rgb(204,115,130)
```
#d36c7d
```
#d36c7d rgb(211,108,125)
```
#da6578
```
#da6578 rgb(218,101,120)
```
#e25d74
```
#e25d74 rgb(226,93,116)
```
#e9566f
```
#e9566f rgb(233,86,111)
```
#f04f6a
```
#f04f6a rgb(240,79,106)
```
#f84765
```
#f84765 rgb(248,71,101)
```
#ff4060
```
#ff4060 rgb(255,64,96)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#977177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#969083 Protanopia 1% of men
#ae8a5b Deuteranopia 1% of men
#fe4e51 Tritanopia 0.001% of the population

Trichromacy

#bc7376 Protanomaly 1% of men, 0.01% of women
#cb6f5d Deuteranomaly 6% of men, 0.4% of women
#fe4956 Tritanomaly 0.01% of the population

#ff4060 hex color

#ff4060 Color Information

#ff4060 Color Conversion

Color Schemes with #ff4060

Alternatives to #ff4060

#ff4060 Preview

Shades and Tints of #ff4060

Tones of #ff4060

Color Blindness Simulator