colorhexa.com

#ff696a hex color

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

- R 100
- G 41
- B 42
RGB color chart
- C 0
- M 59
- Y 58
- K 0
CMYK color chart

● #ff696a color description : Very light red.

The hexadecimal color #ff696a has RGB values of R:255, G:105, B:106 and CMYK values of C:0, M:0.59, Y:0.58, K:0. Its decimal value is 16738666.

Hex triplet	ff696a	`#ff696a`
RGB Decimal	255, 105, 106	`rgb(255,105,106)`
RGB Percent	100, 41.2, 41.6	`rgb(100%,41.2%,41.6%)`
CMYK	0, 59, 58, 0
HSL	359.6°, 100, 70.6	`hsl(359.6,100%,70.6%)`
HSV (or HSB)	359.6°, 58.8, 100
Web Safe	ff6666	`#ff6666`

CIE-LAB	63.679, 57.186, 29.021
XYZ	48.895, 32.409, 17.316
xyY	0.496, 0.329, 32.409
CIE-LCH	63.679, 64.129, 26.907
CIE-LUV	63.679, 112.056, 23.662
Hunter-Lab	56.929, 53.685, 21.816
Binary	11111111, 01101001, 01101010

#ff696a
```
#ff696a rgb(255,105,106)
```
#69fffe
```
#69fffe rgb(105,255,254)
```

Complementary Color

#ff69b5
```
#ff69b5 rgb(255,105,181)
```
#ff696a
```
#ff696a rgb(255,105,106)
```
#ffb369
```
#ffb369 rgb(255,179,105)
```

Analogous Color

#69b5ff
```
#69b5ff rgb(105,181,255)
```
#ff696a
```
#ff696a rgb(255,105,106)
```
#69ffb3
```
#69ffb3 rgb(105,255,179)
```

Split Complementary Color

#696aff
```
#696aff rgb(105,106,255)
```
#ff696a
```
#ff696a rgb(255,105,106)
```
#6aff69
```
#6aff69 rgb(106,255,105)
```

Triadic Color

#fe69ff
```
#fe69ff rgb(254,105,255)
```
#ff696a
```
#ff696a rgb(255,105,106)
```
#6aff69
```
#6aff69 rgb(106,255,105)
```
#69fffe
```
#69fffe rgb(105,255,254)
```

Tetradic Color

#ff1d1e
```
#ff1d1e rgb(255,29,30)
```
#ff3637
```
#ff3637 rgb(255,54,55)
```
#ff4f51
```
#ff4f51 rgb(255,79,81)
```
#ff696a
```
#ff696a rgb(255,105,106)
```
#ff8383
```
#ff8383 rgb(255,131,131)
```
#ff9c9d
```
#ff9c9d rgb(255,156,157)
```
#ffb6b6
```
#ffb6b6 rgb(255,182,182)
```

Monochromatic Color

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

#ff6990
```
#ff6990 rgb(255,105,144)
```
#ff6983
```
#ff6983 rgb(255,105,131)
```
#ff6977
```
#ff6977 rgb(255,105,119)
```
#ff696a
```
#ff696a rgb(255,105,106)
```
#ff7569
```
#ff7569 rgb(255,117,105)
```
#ff8169
```
#ff8169 rgb(255,129,105)
```
#ff8e69
```
#ff8e69 rgb(255,142,105)
```

Similar Colors

Text with hexadecimal color #ff696a

This text has a font color of #ff696a.

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

#ff696a background color

This paragraph has a background color of #ff696a.

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

#ff696a border color

This element has a border color of #ff696a.

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

CSS codes

.text {color:#ff696a;}

.background {background-color:#ff696a;}

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

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 #fff2f2 is the lightest one.

#070000
```
#070000 rgb(7,0,0)
```
#1b0000
```
#1b0000 rgb(27,0,0)
```
#2e0000
```
#2e0000 rgb(46,0,0)
```
#420000
```
#420000 rgb(66,0,0)
```
#550001
```
#550001 rgb(85,0,1)
```
#690001
```
#690001 rgb(105,0,1)
```
#7d0001
```
#7d0001 rgb(125,0,1)
```
#900001
```
#900001 rgb(144,0,1)
```
#a40001
```
#a40001 rgb(164,0,1)
```
#b70001
```
#b70001 rgb(183,0,1)
```
#cb0001
```
#cb0001 rgb(203,0,1)
```
#df0001
```
#df0001 rgb(223,0,1)
```
#f20002
```
#f20002 rgb(242,0,2)
```

Shade Color Variation

#ff0709
```
#ff0709 rgb(255,7,9)
```
#ff1b1c
```
#ff1b1c rgb(255,27,28)
```
#ff2e30
```
#ff2e30 rgb(255,46,48)
```
#ff4243
```
#ff4243 rgb(255,66,67)
```
#ff5557
```
#ff5557 rgb(255,85,87)
```
#ff696a
```
#ff696a rgb(255,105,106)
```
#ff7d7d
```
#ff7d7d rgb(255,125,125)
```
#ff9091
```
#ff9091 rgb(255,144,145)
```
#ffa4a4
```
#ffa4a4 rgb(255,164,164)
```
#ffb7b8
```
#ffb7b8 rgb(255,183,184)
```
#ffcbcb
```
#ffcbcb rgb(255,203,203)
```
#ffdfdf
```
#ffdfdf rgb(255,223,223)
```
#fff2f2
```
#fff2f2 rgb(255,242,242)
```

Tint Color Variation

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

#baaeae
```
#baaeae rgb(186,174,174)
```
#c0a8a9
```
#c0a8a9 rgb(192,168,169)
```
#c5a3a3
```
#c5a3a3 rgb(197,163,163)
```
#cb9d9d
```
#cb9d9d rgb(203,157,157)
```
#d19798
```
#d19798 rgb(209,151,152)
```
#d79192
```
#d79192 rgb(215,145,146)
```
#dc8c8c
```
#dc8c8c rgb(220,140,140)
```
#e28686
```
#e28686 rgb(226,134,134)
```
#e88081
```
#e88081 rgb(232,128,129)
```
#ee7a7b
```
#ee7a7b rgb(238,122,123)
```
#f37575
```
#f37575 rgb(243,117,117)
```
#f96f70
```
#f96f70 rgb(249,111,112)
```
#ff696a
```
#ff696a rgb(255,105,106)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#ab8d8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89f84 Protanopia 1% of men
#be9868 Deuteranopia 1% of men
#ff7076 Tritanopia 0.001% of the population

Trichromacy

#c78b7a Protanomaly 1% of men, 0.01% of women
#d68769 Deuteranomaly 6% of men, 0.4% of women
#ff6d72 Tritanomaly 0.01% of the population