#ff60a2 hex color

In a RGB color space, hex #ff60a2 is composed of 100% red, 37.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.4% magenta, 36.5% yellow and 0% black. It has a hue angle of 335.1 degrees, a saturation of 100% and a lightness of 68.8%. #ff60a2 color hex could be obtained by blending #ffc0ff with #ff0045. Closest websafe color is: #ff6699.

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

● #ff60a2 color description : Light pink.

The hexadecimal color #ff60a2 has RGB values of R:255, G:96, B:162 and CMYK values of C:0, M:0.62, Y:0.36, K:0. Its decimal value is 16736418.

Hex triplet	ff60a2	`#ff60a2`
RGB Decimal	255, 96, 162	`rgb(255,96,162)`
RGB Percent	100, 37.6, 63.5	`rgb(100%,37.6%,63.5%)`
CMYK	0, 62, 36, 0
HSL	335.1°, 100, 68.8	`hsl(335.1,100%,68.8%)`
HSV (or HSB)	335.1°, 62.4, 100
Web Safe	ff6699	`#ff6699`

CIE-LAB	63.54, 65.951, -3.262
XYZ	51.945, 32.239, 37.668
xyY	0.426, 0.265, 32.239
CIE-LCH	63.54, 66.032, 357.168
CIE-LUV	63.54, 101.226, -17.297
Hunter-Lab	56.779, 63.939, 0.412
Binary	11111111, 01100000, 10100010

#ff60a2
```
#ff60a2 rgb(255,96,162)
```
#60ffbd
```
#60ffbd rgb(96,255,189)
```

Complementary Color

#ff60f2
```
#ff60f2 rgb(255,96,242)
```
#ff60a2
```
#ff60a2 rgb(255,96,162)
```
#ff6e60
```
#ff6e60 rgb(255,110,96)
```

Analogous Color

#60f2ff
```
#60f2ff rgb(96,242,255)
```
#ff60a2
```
#ff60a2 rgb(255,96,162)
```
#60ff6e
```
#60ff6e rgb(96,255,110)
```

Split Complementary Color

#60a2ff
```
#60a2ff rgb(96,162,255)
```
#ff60a2
```
#ff60a2 rgb(255,96,162)
```
#a2ff60
```
#a2ff60 rgb(162,255,96)
```

Triadic Color

#bd60ff
```
#bd60ff rgb(189,96,255)
```
#ff60a2
```
#ff60a2 rgb(255,96,162)
```
#a2ff60
```
#a2ff60 rgb(162,255,96)
```
#60ffbd
```
#60ffbd rgb(96,255,189)
```

Tetradic Color

#ff1475
```
#ff1475 rgb(255,20,117)
```
#ff2d84
```
#ff2d84 rgb(255,45,132)
```
#ff4793
```
#ff4793 rgb(255,71,147)
```
#ff60a2
```
#ff60a2 rgb(255,96,162)
```
#ff7ab1
```
#ff7ab1 rgb(255,122,177)
```
#ff93c0
```
#ff93c0 rgb(255,147,192)
```
#ffadcf
```
#ffadcf rgb(255,173,207)
```

Monochromatic Color

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

#ff60ca
```
#ff60ca rgb(255,96,202)
```
#ff60bd
```
#ff60bd rgb(255,96,189)
```
#ff60af
```
#ff60af rgb(255,96,175)
```
#ff60a2
```
#ff60a2 rgb(255,96,162)
```
#ff6095
```
#ff6095 rgb(255,96,149)
```
#ff6088
```
#ff6088 rgb(255,96,136)
```
#ff607a
```
#ff607a rgb(255,96,122)
```

Similar Colors

Text with hexadecimal color #ff60a2

This text has a font color of #ff60a2.

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

#ff60a2 background color

This paragraph has a background color of #ff60a2.

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

#ff60a2 border color

This element has a border color of #ff60a2.

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

CSS codes

.text {color:#ff60a2;}

.background {background-color:#ff60a2;}

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

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

#120007
```
#120007 rgb(18,0,7)
```
#25000f
```
#25000f rgb(37,0,15)
```
#390018
```
#390018 rgb(57,0,24)
```
#4c0020
```
#4c0020 rgb(76,0,32)
```
#600028
```
#600028 rgb(96,0,40)
```
#740030
```
#740030 rgb(116,0,48)
```
#870038
```
#870038 rgb(135,0,56)
```
#9b0040
```
#9b0040 rgb(155,0,64)
```
#ae0048
```
#ae0048 rgb(174,0,72)
```
#c20051
```
#c20051 rgb(194,0,81)
```
#d60059
```
#d60059 rgb(214,0,89)
```
#e90061
```
#e90061 rgb(233,0,97)
```
#fd0069
```
#fd0069 rgb(253,0,105)
```

Shade Color Variation

#ff1274
```
#ff1274 rgb(255,18,116)
```
#ff2580
```
#ff2580 rgb(255,37,128)
```
#ff398b
```
#ff398b rgb(255,57,139)
```
#ff4c97
```
#ff4c97 rgb(255,76,151)
```
#ff60a2
```
#ff60a2 rgb(255,96,162)
```
#ff74ad
```
#ff74ad rgb(255,116,173)
```
#ff87b9
```
#ff87b9 rgb(255,135,185)
```
#ff9bc4
```
#ff9bc4 rgb(255,155,196)
```
#ffaed0
```
#ffaed0 rgb(255,174,208)
```
#ffc2db
```
#ffc2db rgb(255,194,219)
```
#ffd6e7
```
#ffd6e7 rgb(255,214,231)
```
#ffe9f2
```
#ffe9f2 rgb(255,233,242)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#b6a9ae
```
#b6a9ae rgb(182,169,174)
```
#bca3ad
```
#bca3ad rgb(188,163,173)
```
#c29dac
```
#c29dac rgb(194,157,172)
```
#c897ab
```
#c897ab rgb(200,151,171)
```
#ce91aa
```
#ce91aa rgb(206,145,170)
```
#d48ba9
```
#d48ba9 rgb(212,139,169)
```
#da85a8
```
#da85a8 rgb(218,133,168)
```
#e07fa7
```
#e07fa7 rgb(224,127,167)
```
#e778a6
```
#e778a6 rgb(231,120,166)
```
#ed72a5
```
#ed72a5 rgb(237,114,165)
```
#f36ca4
```
#f36ca4 rgb(243,108,164)
```
#f966a3
```
#f966a3 rgb(249,102,163)
```
#ff60a2
```
#ff60a2 rgb(255,96,162)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#ac8c99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959dc4 Protanopia 1% of men
#af9a9b Deuteranopia 1% of men
#fb7279 Tritanopia 0.001% of the population

Trichromacy

#bb87b7 Protanomaly 1% of men, 0.01% of women
#cc859d Deuteranomaly 6% of men, 0.4% of women
#fc6b88 Tritanomaly 0.01% of the population

#ff60a2 hex color

#ff60a2 Color Information

#ff60a2 Color Conversion

Color Schemes with #ff60a2

Alternatives to #ff60a2

#ff60a2 Preview

Shades and Tints of #ff60a2

Tones of #ff60a2

Color Blindness Simulator