#ffb970 hex color

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

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

● #ffb970 color description : Very light orange.

The hexadecimal color #ffb970 has RGB values of R:255, G:185, B:112 and CMYK values of C:0, M:0.27, Y:0.56, K:0. Its decimal value is 16759152.

Hex triplet	ffb970	`#ffb970`
RGB Decimal	255, 185, 112	`rgb(255,185,112)`
RGB Percent	100, 72.5, 43.9	`rgb(100%,72.5%,43.9%)`
CMYK	0, 27, 56, 0
HSL	30.6°, 100, 72	`hsl(30.6,100%,72%)`
HSV (or HSB)	30.6°, 56.1, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	80.253, 17.612, 46.643
XYZ	61.514, 57.131, 23.116
xyY	0.434, 0.403, 57.131
CIE-LCH	80.253, 49.857, 69.314
CIE-LUV	80.253, 53.468, 54.438
Hunter-Lab	75.585, 12.997, 34.777
Binary	11111111, 10111001, 01110000

#ffb970
```
#ffb970 rgb(255,185,112)
```
#70b6ff
```
#70b6ff rgb(112,182,255)
```

Complementary Color

#ff7270
```
#ff7270 rgb(255,114,112)
```
#ffb970
```
#ffb970 rgb(255,185,112)
```
#feff70
```
#feff70 rgb(254,255,112)
```

Analogous Color

#7270ff
```
#7270ff rgb(114,112,255)
```
#ffb970
```
#ffb970 rgb(255,185,112)
```
#70feff
```
#70feff rgb(112,254,255)
```

Split Complementary Color

#b970ff
```
#b970ff rgb(185,112,255)
```
#ffb970
```
#ffb970 rgb(255,185,112)
```
#70ffb9
```
#70ffb9 rgb(112,255,185)
```

Triadic Color

#ff70b6
```
#ff70b6 rgb(255,112,182)
```
#ffb970
```
#ffb970 rgb(255,185,112)
```
#70ffb9
```
#70ffb9 rgb(112,255,185)
```
#70b6ff
```
#70b6ff rgb(112,182,255)
```

Tetradic Color

#ff9424
```
#ff9424 rgb(255,148,36)
```
#ffa03d
```
#ffa03d rgb(255,160,61)
```
#ffad57
```
#ffad57 rgb(255,173,87)
```
#ffb970
```
#ffb970 rgb(255,185,112)
```
#ffc58a
```
#ffc58a rgb(255,197,138)
```
#ffd2a3
```
#ffd2a3 rgb(255,210,163)
```
#ffdebd
```
#ffdebd rgb(255,222,189)
```

Monochromatic Color

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

#ff9570
```
#ff9570 rgb(255,149,112)
```
#ffa170
```
#ffa170 rgb(255,161,112)
```
#ffad70
```
#ffad70 rgb(255,173,112)
```
#ffb970
```
#ffb970 rgb(255,185,112)
```
#ffc570
```
#ffc570 rgb(255,197,112)
```
#ffd170
```
#ffd170 rgb(255,209,112)
```
#ffdd70
```
#ffdd70 rgb(255,221,112)
```

Similar Colors

Text with hexadecimal color #ffb970

This text has a font color of #ffb970.

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

#ffb970 background color

This paragraph has a background color of #ffb970.

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

#ffb970 border color

This element has a border color of #ffb970.

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

CSS codes

.text {color:#ffb970;}

.background {background-color:#ffb970;}

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

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

#0e0700
```
#0e0700 rgb(14,7,0)
```
#221100
```
#221100 rgb(34,17,0)
```
#351b00
```
#351b00 rgb(53,27,0)
```
#492500
```
#492500 rgb(73,37,0)
```
#5c2f00
```
#5c2f00 rgb(92,47,0)
```
#703900
```
#703900 rgb(112,57,0)
```
#844300
```
#844300 rgb(132,67,0)
```
#974d00
```
#974d00 rgb(151,77,0)
```
#ab5700
```
#ab5700 rgb(171,87,0)
```
#be6100
```
#be6100 rgb(190,97,0)
```
#d26b00
```
#d26b00 rgb(210,107,0)
```
#e67500
```
#e67500 rgb(230,117,0)
```
#f97f00
```
#f97f00 rgb(249,127,0)
```

Shade Color Variation

#ff890e
```
#ff890e rgb(255,137,14)
```
#ff9322
```
#ff9322 rgb(255,147,34)
```
#ff9c35
```
#ff9c35 rgb(255,156,53)
```
#ffa649
```
#ffa649 rgb(255,166,73)
```
#ffaf5c
```
#ffaf5c rgb(255,175,92)
```
#ffb970
```
#ffb970 rgb(255,185,112)
```
#ffc384
```
#ffc384 rgb(255,195,132)
```
#ffcc97
```
#ffcc97 rgb(255,204,151)
```
#ffd6ab
```
#ffd6ab rgb(255,214,171)
```
#ffdfbe
```
#ffdfbe rgb(255,223,190)
```
#ffe9d2
```
#ffe9d2 rgb(255,233,210)
```
#fff3e6
```
#fff3e6 rgb(255,243,230)
```
#fffcf9
```
#fffcf9 rgb(255,252,249)
```

Tint Color Variation

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

#bdb8b2
```
#bdb8b2 rgb(189,184,178)
```
#c3b8ad
```
#c3b8ad rgb(195,184,173)
```
#c8b8a7
```
#c8b8a7 rgb(200,184,167)
```
#ceb8a2
```
#ceb8a2 rgb(206,184,162)
```
#d3b89c
```
#d3b89c rgb(211,184,156)
```
#d9b897
```
#d9b897 rgb(217,184,151)
```
#deb891
```
#deb891 rgb(222,184,145)
```
#e4b88c
```
#e4b88c rgb(228,184,140)
```
#e9b986
```
#e9b986 rgb(233,185,134)
```
#efb981
```
#efb981 rgb(239,185,129)
```
#f4b97b
```
#f4b97b rgb(244,185,123)
```
#fab976
```
#fab976 rgb(250,185,118)
```
#ffb970
```
#ffb970 rgb(255,185,112)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#d1c3b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc97c Protanopia 1% of men
#f4c176 Deuteranopia 1% of men
#ffb6c1 Tritanopia 0.001% of the population

Trichromacy

#e8c377 Protanomaly 1% of men, 0.01% of women
#f8be73 Deuteranomaly 6% of men, 0.4% of women
#ffb7a3 Tritanomaly 0.01% of the population

#ffb970 hex color

#ffb970 Color Information

#ffb970 Color Conversion

Color Schemes with #ffb970

Alternatives to #ffb970

#ffb970 Preview

Shades and Tints of #ffb970

Tones of #ffb970

Color Blindness Simulator