#ff6342 hex color

In a RGB color space, hex #ff6342 is composed of 100% red, 38.8% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.2% magenta, 74.1% yellow and 0% black. It has a hue angle of 10.5 degrees, a saturation of 100% and a lightness of 62.9%. #ff6342 color hex could be obtained by blending #ffc684 with #ff0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 100
- G 39
- B 26
RGB color chart
- C 0
- M 61
- Y 74
- K 0
CMYK color chart

● #ff6342 color description : Light red.

The hexadecimal color #ff6342 has RGB values of R:255, G:99, B:66 and CMYK values of C:0, M:0.61, Y:0.74, K:0. Its decimal value is 16737090.

Hex triplet	ff6342	`#ff6342`
RGB Decimal	255, 99, 66	`rgb(255,99,66)`
RGB Percent	100, 38.8, 25.9	`rgb(100%,38.8%,25.9%)`
CMYK	0, 61, 74, 0
HSL	10.5°, 100, 62.9	`hsl(10.5,100%,62.9%)`
HSV (or HSB)	10.5°, 74.1, 100
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.153, 57.641, 48.941
XYZ	46.687, 30.582, 8.598
xyY	0.544, 0.356, 30.582
CIE-LCH	62.153, 75.616, 40.333
CIE-LUV	62.153, 124.198, 40.234
Hunter-Lab	55.301, 53.919, 29.492
Binary	11111111, 01100011, 01000010

#ff6342
```
#ff6342 rgb(255,99,66)
```
#42deff
```
#42deff rgb(66,222,255)
```

Complementary Color

#ff4280
```
#ff4280 rgb(255,66,128)
```
#ff6342
```
#ff6342 rgb(255,99,66)
```
#ffc242
```
#ffc242 rgb(255,194,66)
```

Analogous Color

#4280ff
```
#4280ff rgb(66,128,255)
```
#ff6342
```
#ff6342 rgb(255,99,66)
```
#42ffc2
```
#42ffc2 rgb(66,255,194)
```

Split Complementary Color

#6342ff
```
#6342ff rgb(99,66,255)
```
#ff6342
```
#ff6342 rgb(255,99,66)
```
#42ff63
```
#42ff63 rgb(66,255,99)
```

Triadic Color

#ff42de
```
#ff42de rgb(255,66,222)
```
#ff6342
```
#ff6342 rgb(255,99,66)
```
#42ff63
```
#42ff63 rgb(66,255,99)
```
#42deff
```
#42deff rgb(66,222,255)
```

Tetradic Color

#f52b00
```
#f52b00 rgb(245,43,0)
```
#ff390f
```
#ff390f rgb(255,57,15)
```
#ff4e29
```
#ff4e29 rgb(255,78,41)
```
#ff6342
```
#ff6342 rgb(255,99,66)
```
#ff785c
```
#ff785c rgb(255,120,92)
```
#ff8d75
```
#ff8d75 rgb(255,141,117)
```
#ffa28f
```
#ffa28f rgb(255,162,143)
```

Monochromatic Color

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

#ff4250
```
#ff4250 rgb(255,66,80)
```
#ff4442
```
#ff4442 rgb(255,68,66)
```
#ff5342
```
#ff5342 rgb(255,83,66)
```
#ff6342
```
#ff6342 rgb(255,99,66)
```
#ff7342
```
#ff7342 rgb(255,115,66)
```
#ff8342
```
#ff8342 rgb(255,131,66)
```
#ff9242
```
#ff9242 rgb(255,146,66)
```

Similar Colors

Text with hexadecimal color #ff6342

This text has a font color of #ff6342.

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

#ff6342 background color

This paragraph has a background color of #ff6342.

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

#ff6342 border color

This element has a border color of #ff6342.

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

CSS codes

.text {color:#ff6342;}

.background {background-color:#ff6342;}

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

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

#070100
```
#070100 rgb(7,1,0)
```
#1b0500
```
#1b0500 rgb(27,5,0)
```
#2e0800
```
#2e0800 rgb(46,8,0)
```
#420c00
```
#420c00 rgb(66,12,0)
```
#560f00
```
#560f00 rgb(86,15,0)
```
#691200
```
#691200 rgb(105,18,0)
```
#7d1600
```
#7d1600 rgb(125,22,0)
```
#901900
```
#901900 rgb(144,25,0)
```
#a41d00
```
#a41d00 rgb(164,29,0)
```
#b82000
```
#b82000 rgb(184,32,0)
```
#cb2300
```
#cb2300 rgb(203,35,0)
```
#df2700
```
#df2700 rgb(223,39,0)
```
#f32a00
```
#f32a00 rgb(243,42,0)
```

Shade Color Variation

#ff3207
```
#ff3207 rgb(255,50,7)
```
#ff431b
```
#ff431b rgb(255,67,27)
```
#ff532e
```
#ff532e rgb(255,83,46)
```
#ff6342
```
#ff6342 rgb(255,99,66)
```
#ff7356
```
#ff7356 rgb(255,115,86)
```
#ff8369
```
#ff8369 rgb(255,131,105)
```
#ff947d
```
#ff947d rgb(255,148,125)
```
#ffa490
```
#ffa490 rgb(255,164,144)
```
#ffb4a4
```
#ffb4a4 rgb(255,180,164)
```
#ffc4b8
```
#ffc4b8 rgb(255,196,184)
```
#ffd4cb
```
#ffd4cb rgb(255,212,203)
```
#ffe5df
```
#ffe5df rgb(255,229,223)
```
#fff5f3
```
#fff5f3 rgb(255,245,243)
```

Tint Color Variation

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

#a89c99
```
#a89c99 rgb(168,156,153)
```
#af9792
```
#af9792 rgb(175,151,146)
```
#b6928b
```
#b6928b rgb(182,146,139)
```
#be8e83
```
#be8e83 rgb(190,142,131)
```
#c5897c
```
#c5897c rgb(197,137,124)
```
#cc8475
```
#cc8475 rgb(204,132,117)
```
#d37f6e
```
#d37f6e rgb(211,127,110)
```
#db7b66
```
#db7b66 rgb(219,123,102)
```
#e2765f
```
#e2765f rgb(226,118,95)
```
#e97158
```
#e97158 rgb(233,113,88)
```
#f06c51
```
#f06c51 rgb(240,108,81)
```
#f86849
```
#f86849 rgb(248,104,73)
```
#ff6342
```
#ff6342 rgb(255,99,66)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a5857f Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9b5a Protanopia 1% of men
#c09440 Deuteranopia 1% of men
#ff686d Tritanopia 0.001% of the population

Trichromacy

#c98751 Protanomaly 1% of men, 0.01% of women
#d68241 Deuteranomaly 6% of men, 0.4% of women
#ff665d Tritanomaly 0.01% of the population

#ff6342 hex color

#ff6342 Color Information

#ff6342 Color Conversion

Color Schemes with #ff6342

Alternatives to #ff6342

#ff6342 Preview

Shades and Tints of #ff6342

Tones of #ff6342

Color Blindness Simulator