#ff6970 hex color

In a RGB color space, hex #ff6970 is composed of 100% red, 41.2% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.8% magenta, 56.1% yellow and 0% black. It has a hue angle of 357.2 degrees, a saturation of 100% and a lightness of 70.6%. #ff6970 color hex could be obtained by blending #ffd2e0 with #ff0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 100
- G 41
- B 44
RGB color chart
- C 0
- M 59
- Y 56
- K 0
CMYK color chart

● #ff6970 color description : Very light red.

The hexadecimal color #ff6970 has RGB values of R:255, G:105, B:112 and CMYK values of C:0, M:0.59, Y:0.56, K:0. Its decimal value is 16738672.

Hex triplet	ff6970	`#ff6970`
RGB Decimal	255, 105, 112	`rgb(255,105,112)`
RGB Percent	100, 41.2, 43.9	`rgb(100%,41.2%,43.9%)`
CMYK	0, 59, 56, 0
HSL	357.2°, 100, 70.6	`hsl(357.2,100%,70.6%)`
HSV (or HSB)	357.2°, 58.8, 100
Web Safe	ff6666	`#ff6666`

CIE-LAB	63.785, 57.611, 25.765
XYZ	49.218, 32.538, 19.017
xyY	0.488, 0.323, 32.538
CIE-LCH	63.785, 63.11, 24.095
CIE-LUV	63.785, 110.62, 20.218
Hunter-Lab	57.042, 54.193, 20.163
Binary	11111111, 01101001, 01110000

#ff6970
```
#ff6970 rgb(255,105,112)
```
#69fff8
```
#69fff8 rgb(105,255,248)
```

Complementary Color

#ff69bb
```
#ff69bb rgb(255,105,187)
```
#ff6970
```
#ff6970 rgb(255,105,112)
```
#ffad69
```
#ffad69 rgb(255,173,105)
```

Analogous Color

#69bbff
```
#69bbff rgb(105,187,255)
```
#ff6970
```
#ff6970 rgb(255,105,112)
```
#69ffad
```
#69ffad rgb(105,255,173)
```

Split Complementary Color

#6970ff
```
#6970ff rgb(105,112,255)
```
#ff6970
```
#ff6970 rgb(255,105,112)
```
#70ff69
```
#70ff69 rgb(112,255,105)
```

Triadic Color

#f869ff
```
#f869ff rgb(248,105,255)
```
#ff6970
```
#ff6970 rgb(255,105,112)
```
#70ff69
```
#70ff69 rgb(112,255,105)
```
#69fff8
```
#69fff8 rgb(105,255,248)
```

Tetradic Color

#ff1d27
```
#ff1d27 rgb(255,29,39)
```
#ff363f
```
#ff363f rgb(255,54,63)
```
#ff4f58
```
#ff4f58 rgb(255,79,88)
```
#ff6970
```
#ff6970 rgb(255,105,112)
```
#ff8388
```
#ff8388 rgb(255,131,136)
```
#ff9ca1
```
#ff9ca1 rgb(255,156,161)
```
#ffb6b9
```
#ffb6b9 rgb(255,182,185)
```

Monochromatic Color

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

#ff6996
```
#ff6996 rgb(255,105,150)
```
#ff6989
```
#ff6989 rgb(255,105,137)
```
#ff697d
```
#ff697d rgb(255,105,125)
```
#ff6970
```
#ff6970 rgb(255,105,112)
```
#ff6f69
```
#ff6f69 rgb(255,111,105)
```
#ff7b69
```
#ff7b69 rgb(255,123,105)
```
#ff8869
```
#ff8869 rgb(255,136,105)
```

Similar Colors

Text with hexadecimal color #ff6970

This text has a font color of #ff6970.

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

#ff6970 background color

This paragraph has a background color of #ff6970.

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

#ff6970 border color

This element has a border color of #ff6970.

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

CSS codes

.text {color:#ff6970;}

.background {background-color:#ff6970;}

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

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

#070000
```
#070000 rgb(7,0,0)
```
#1b0001
```
#1b0001 rgb(27,0,1)
```
#2e0002
```
#2e0002 rgb(46,0,2)
```
#420003
```
#420003 rgb(66,0,3)
```
#550004
```
#550004 rgb(85,0,4)
```
#690005
```
#690005 rgb(105,0,5)
```
#7d0006
```
#7d0006 rgb(125,0,6)
```
#900007
```
#900007 rgb(144,0,7)
```
#a40008
```
#a40008 rgb(164,0,8)
```
#b70009
```
#b70009 rgb(183,0,9)
```
#cb0009
```
#cb0009 rgb(203,0,9)
```
#df000a
```
#df000a rgb(223,0,10)
```
#f2000b
```
#f2000b rgb(242,0,11)
```

Shade Color Variation

#ff0713
```
#ff0713 rgb(255,7,19)
```
#ff1b25
```
#ff1b25 rgb(255,27,37)
```
#ff2e38
```
#ff2e38 rgb(255,46,56)
```
#ff424b
```
#ff424b rgb(255,66,75)
```
#ff555d
```
#ff555d rgb(255,85,93)
```
#ff6970
```
#ff6970 rgb(255,105,112)
```
#ff7d83
```
#ff7d83 rgb(255,125,131)
```
#ff9095
```
#ff9095 rgb(255,144,149)
```
#ffa4a8
```
#ffa4a8 rgb(255,164,168)
```
#ffb7bb
```
#ffb7bb rgb(255,183,187)
```
#ffcbce
```
#ffcbce rgb(255,203,206)
```
#ffdfe0
```
#ffdfe0 rgb(255,223,224)
```
#fff2f3
```
#fff2f3 rgb(255,242,243)
```

Tint Color Variation

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

#baaeaf
```
#baaeaf rgb(186,174,175)
```
#c0a8aa
```
#c0a8aa rgb(192,168,170)
```
#c5a3a4
```
#c5a3a4 rgb(197,163,164)
```
#cb9d9f
```
#cb9d9f rgb(203,157,159)
```
#d1979a
```
#d1979a rgb(209,151,154)
```
#d79195
```
#d79195 rgb(215,145,149)
```
#dc8c8f
```
#dc8c8f rgb(220,140,143)
```
#e2868a
```
#e2868a rgb(226,134,138)
```
#e88085
```
#e88085 rgb(232,128,133)
```
#ee7a80
```
#ee7a80 rgb(238,122,128)
```
#f3757a
```
#f3757a rgb(243,117,122)
```
#f96f75
```
#f96f75 rgb(249,111,117)
```
#ff6970
```
#ff6970 rgb(255,105,112)
```

Tone Color Variation

Below, you can see how #ff6970 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
#ac8e8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79f8a Protanopia 1% of men
#be996e Deuteranopia 1% of men
#ff7077 Tritanopia 0.001% of the population

Trichromacy

#c78b80 Protanomaly 1% of men, 0.01% of women
#d5876e Deuteranomaly 6% of men, 0.4% of women
#ff6d74 Tritanomaly 0.01% of the population

#ff6970 hex color

#ff6970 Color Information

#ff6970 Color Conversion

Color Schemes with #ff6970

Alternatives to #ff6970

#ff6970 Preview

Shades and Tints of #ff6970

Tones of #ff6970

Color Blindness Simulator