#ffc670 hex color

In a RGB color space, hex #ffc670 is composed of 100% red, 77.6% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 56.1% yellow and 0% black. It has a hue angle of 36.1 degrees, a saturation of 100% and a lightness of 72%. #ffc670 color hex could be obtained by blending #ffffe0 with #ff8d00. Closest websafe color is: #ffcc66.

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

● #ffc670 color description : Very light orange.

The hexadecimal color #ffc670 has RGB values of R:255, G:198, B:112 and CMYK values of C:0, M:0.22, Y:0.56, K:0. Its decimal value is 16762480.

Hex triplet	ffc670	`#ffc670`
RGB Decimal	255, 198, 112	`rgb(255,198,112)`
RGB Percent	100, 77.6, 43.9	`rgb(100%,77.6%,43.9%)`
CMYK	0, 22, 56, 0
HSL	36.1°, 100, 72	`hsl(36.1,100%,72%)`
HSV (or HSB)	36.1°, 56.1, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	83.348, 10.839, 50.369
XYZ	64.359, 62.821, 24.064
xyY	0.426, 0.415, 62.821
CIE-LCH	83.348, 51.522, 77.855
CIE-LUV	83.348, 44.184, 60.376
Hunter-Lab	79.26, 6.239, 37.481
Binary	11111111, 11000110, 01110000

#ffc670
```
#ffc670 rgb(255,198,112)
```
#70a9ff
```
#70a9ff rgb(112,169,255)
```

Complementary Color

#ff7f70
```
#ff7f70 rgb(255,127,112)
```
#ffc670
```
#ffc670 rgb(255,198,112)
```
#f1ff70
```
#f1ff70 rgb(241,255,112)
```

Analogous Color

#7f70ff
```
#7f70ff rgb(127,112,255)
```
#ffc670
```
#ffc670 rgb(255,198,112)
```
#70f1ff
```
#70f1ff rgb(112,241,255)
```

Split Complementary Color

#c670ff
```
#c670ff rgb(198,112,255)
```
#ffc670
```
#ffc670 rgb(255,198,112)
```
#70ffc6
```
#70ffc6 rgb(112,255,198)
```

Triadic Color

#ff70a9
```
#ff70a9 rgb(255,112,169)
```
#ffc670
```
#ffc670 rgb(255,198,112)
```
#70ffc6
```
#70ffc6 rgb(112,255,198)
```
#70a9ff
```
#70a9ff rgb(112,169,255)
```

Tetradic Color

#ffa824
```
#ffa824 rgb(255,168,36)
```
#ffb23d
```
#ffb23d rgb(255,178,61)
```
#ffbc57
```
#ffbc57 rgb(255,188,87)
```
#ffc670
```
#ffc670 rgb(255,198,112)
```
#ffd08a
```
#ffd08a rgb(255,208,138)
```
#ffdaa3
```
#ffdaa3 rgb(255,218,163)
```
#ffe4bd
```
#ffe4bd rgb(255,228,189)
```

Monochromatic Color

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

#ffa270
```
#ffa270 rgb(255,162,112)
```
#ffae70
```
#ffae70 rgb(255,174,112)
```
#ffba70
```
#ffba70 rgb(255,186,112)
```
#ffc670
```
#ffc670 rgb(255,198,112)
```
#ffd270
```
#ffd270 rgb(255,210,112)
```
#ffde70
```
#ffde70 rgb(255,222,112)
```
#ffea70
```
#ffea70 rgb(255,234,112)
```

Similar Colors

Text with hexadecimal color #ffc670

This text has a font color of #ffc670.

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

#ffc670 background color

This paragraph has a background color of #ffc670.

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

#ffc670 border color

This element has a border color of #ffc670.

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

CSS codes

.text {color:#ffc670;}

.background {background-color:#ffc670;}

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

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, #0e0800 is the darkest color, while #fffdf9 is the lightest one.

#0e0800
```
#0e0800 rgb(14,8,0)
```
#221400
```
#221400 rgb(34,20,0)
```
#352000
```
#352000 rgb(53,32,0)
```
#492c00
```
#492c00 rgb(73,44,0)
```
#5c3800
```
#5c3800 rgb(92,56,0)
```
#704300
```
#704300 rgb(112,67,0)
```
#844f00
```
#844f00 rgb(132,79,0)
```
#975b00
```
#975b00 rgb(151,91,0)
```
#ab6700
```
#ab6700 rgb(171,103,0)
```
#be7300
```
#be7300 rgb(190,115,0)
```
#d27e00
```
#d27e00 rgb(210,126,0)
```
#e68a00
```
#e68a00 rgb(230,138,0)
```
#f99600
```
#f99600 rgb(249,150,0)
```

Shade Color Variation

#ff9f0e
```
#ff9f0e rgb(255,159,14)
```
#ffa722
```
#ffa722 rgb(255,167,34)
```
#ffaf35
```
#ffaf35 rgb(255,175,53)
```
#ffb649
```
#ffb649 rgb(255,182,73)
```
#ffbe5c
```
#ffbe5c rgb(255,190,92)
```
#ffc670
```
#ffc670 rgb(255,198,112)
```
#ffce84
```
#ffce84 rgb(255,206,132)
```
#ffd697
```
#ffd697 rgb(255,214,151)
```
#ffddab
```
#ffddab rgb(255,221,171)
```
#ffe5be
```
#ffe5be rgb(255,229,190)
```
#ffedd2
```
#ffedd2 rgb(255,237,210)
```
#fff5e6
```
#fff5e6 rgb(255,245,230)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#bdb9b2
```
#bdb9b2 rgb(189,185,178)
```
#c3baad
```
#c3baad rgb(195,186,173)
```
#c8bba7
```
#c8bba7 rgb(200,187,167)
```
#cebca2
```
#cebca2 rgb(206,188,162)
```
#d3bd9c
```
#d3bd9c rgb(211,189,156)
```
#d9be97
```
#d9be97 rgb(217,190,151)
```
#debf91
```
#debf91 rgb(222,191,145)
```
#e4c08c
```
#e4c08c rgb(228,192,140)
```
#e9c286
```
#e9c286 rgb(233,194,134)
```
#efc381
```
#efc381 rgb(239,195,129)
```
#f4c47b
```
#f4c47b rgb(244,196,123)
```
#fac576
```
#fac576 rgb(250,197,118)
```
#ffc670
```
#ffc670 rgb(255,198,112)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d7ccba Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d27a Protanopia 1% of men
#fec877 Deuteranopia 1% of men
#ffc2cd Tritanopia 0.001% of the population

Trichromacy

#efcd76 Protanomaly 1% of men, 0.01% of women
#fec774 Deuteranomaly 6% of men, 0.4% of women
#ffc3ab Tritanomaly 0.01% of the population

#ffc670 hex color

#ffc670 Color Information

#ffc670 Color Conversion

Color Schemes with #ffc670

Alternatives to #ffc670

#ffc670 Preview

Shades and Tints of #ffc670

Tones of #ffc670

Color Blindness Simulator