#ff6a40 hex color

In a RGB color space, hex #ff6a40 is composed of 100% red, 41.6% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.4% magenta, 74.9% yellow and 0% black. It has a hue angle of 13.2 degrees, a saturation of 100% and a lightness of 62.5%. #ff6a40 color hex could be obtained by blending #ffd480 with #ff0000. Closest websafe color is: #ff6633.

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

● #ff6a40 color description : Light red.

The hexadecimal color #ff6a40 has RGB values of R:255, G:106, B:64 and CMYK values of C:0, M:0.58, Y:0.75, K:0. Its decimal value is 16738880.

Hex triplet	ff6a40	`#ff6a40`
RGB Decimal	255, 106, 64	`rgb(255,106,64)`
RGB Percent	100, 41.6, 25.1	`rgb(100%,41.6%,25.1%)`
CMYK	0, 58, 75, 0
HSL	13.2°, 100, 62.5	`hsl(13.2,100%,62.5%)`
HSV (or HSB)	13.2°, 74.9, 100
Web Safe	ff6633	`#ff6633`

CIE-LAB	63.296, 54.494, 51.159
XYZ	47.321, 31.943, 8.524
xyY	0.539, 0.364, 31.943
CIE-LCH	63.296, 74.746, 43.192
CIE-LUV	63.296, 119.348, 43.148
Hunter-Lab	56.518, 50.547, 30.621
Binary	11111111, 01101010, 01000000

#ff6a40
```
#ff6a40 rgb(255,106,64)
```
#40d5ff
```
#40d5ff rgb(64,213,255)
```

Complementary Color

#ff4076
```
#ff4076 rgb(255,64,118)
```
#ff6a40
```
#ff6a40 rgb(255,106,64)
```
#ffca40
```
#ffca40 rgb(255,202,64)
```

Analogous Color

#4076ff
```
#4076ff rgb(64,118,255)
```
#ff6a40
```
#ff6a40 rgb(255,106,64)
```
#40ffca
```
#40ffca rgb(64,255,202)
```

Split Complementary Color

#6a40ff
```
#6a40ff rgb(106,64,255)
```
#ff6a40
```
#ff6a40 rgb(255,106,64)
```
#40ff6a
```
#40ff6a rgb(64,255,106)
```

Triadic Color

#ff40d5
```
#ff40d5 rgb(255,64,213)
```
#ff6a40
```
#ff6a40 rgb(255,106,64)
```
#40ff6a
```
#40ff6a rgb(64,255,106)
```
#40d5ff
```
#40d5ff rgb(64,213,255)
```

Tetradic Color

#f33500
```
#f33500 rgb(243,53,0)
```
#ff420d
```
#ff420d rgb(255,66,13)
```
#ff5627
```
#ff5627 rgb(255,86,39)
```
#ff6a40
```
#ff6a40 rgb(255,106,64)
```
#ff7e5a
```
#ff7e5a rgb(255,126,90)
```
#ff9273
```
#ff9273 rgb(255,146,115)
```
#ffa68d
```
#ffa68d rgb(255,166,141)
```

Monochromatic Color

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

#ff4046
```
#ff4046 rgb(255,64,70)
```
#ff4a40
```
#ff4a40 rgb(255,74,64)
```
#ff5a40
```
#ff5a40 rgb(255,90,64)
```
#ff6a40
```
#ff6a40 rgb(255,106,64)
```
#ff7a40
```
#ff7a40 rgb(255,122,64)
```
#ff8a40
```
#ff8a40 rgb(255,138,64)
```
#ff9a40
```
#ff9a40 rgb(255,154,64)
```

Similar Colors

Text with hexadecimal color #ff6a40

This text has a font color of #ff6a40.

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

#ff6a40 background color

This paragraph has a background color of #ff6a40.

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

#ff6a40 border color

This element has a border color of #ff6a40.

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

CSS codes

.text {color:#ff6a40;}

.background {background-color:#ff6a40;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#190500
```
#190500 rgb(25,5,0)
```
#2c0a00
```
#2c0a00 rgb(44,10,0)
```
#400e00
```
#400e00 rgb(64,14,0)
```
#541200
```
#541200 rgb(84,18,0)
```
#671700
```
#671700 rgb(103,23,0)
```
#7b1b00
```
#7b1b00 rgb(123,27,0)
```
#8e1f00
```
#8e1f00 rgb(142,31,0)
```
#a22400
```
#a22400 rgb(162,36,0)
```
#b62800
```
#b62800 rgb(182,40,0)
```
#c92c00
```
#c92c00 rgb(201,44,0)
```
#dd3100
```
#dd3100 rgb(221,49,0)
```
#f13500
```
#f13500 rgb(241,53,0)
```

Shade Color Variation

#ff3c05
```
#ff3c05 rgb(255,60,5)
```
#ff4b19
```
#ff4b19 rgb(255,75,25)
```
#ff5b2c
```
#ff5b2c rgb(255,91,44)
```
#ff6a40
```
#ff6a40 rgb(255,106,64)
```
#ff7954
```
#ff7954 rgb(255,121,84)
```
#ff8967
```
#ff8967 rgb(255,137,103)
```
#ff987b
```
#ff987b rgb(255,152,123)
```
#ffa78e
```
#ffa78e rgb(255,167,142)
```
#ffb7a2
```
#ffb7a2 rgb(255,183,162)
```
#ffc6b6
```
#ffc6b6 rgb(255,198,182)
```
#ffd5c9
```
#ffd5c9 rgb(255,213,201)
```
#ffe4dd
```
#ffe4dd rgb(255,228,221)
```
#fff4f1
```
#fff4f1 rgb(255,244,241)
```

Tint Color Variation

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

#a79b98
```
#a79b98 rgb(167,155,152)
```
#ae9791
```
#ae9791 rgb(174,151,145)
```
#b69389
```
#b69389 rgb(182,147,137)
```
#bd8f82
```
#bd8f82 rgb(189,143,130)
```
#c48b7b
```
#c48b7b rgb(196,139,123)
```
#cc8773
```
#cc8773 rgb(204,135,115)
```
#d3836c
```
#d3836c rgb(211,131,108)
```
#da7f65
```
#da7f65 rgb(218,127,101)
```
#e27a5d
```
#e27a5d rgb(226,122,93)
```
#e97656
```
#e97656 rgb(233,118,86)
```
#f0724f
```
#f0724f rgb(240,114,79)
```
#f86e47
```
#f86e47 rgb(248,110,71)
```
#ff6a40
```
#ff6a40 rgb(255,106,64)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a88a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9e57 Protanopia 1% of men
#c3973f Deuteranopia 1% of men
#ff6e74 Tritanopia 0.001% of the population

Trichromacy

#cb8b4e Protanomaly 1% of men, 0.01% of women
#d9863f Deuteranomaly 6% of men, 0.4% of women
#ff6c61 Tritanomaly 0.01% of the population

#ff6a40 hex color

#ff6a40 Color Information

#ff6a40 Color Conversion

Color Schemes with #ff6a40

Alternatives to #ff6a40

#ff6a40 Preview

Shades and Tints of #ff6a40

Tones of #ff6a40

Color Blindness Simulator