#ffd370 hex color

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

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

● #ffd370 color description : Very light orange.

The hexadecimal color #ffd370 has RGB values of R:255, G:211, B:112 and CMYK values of C:0, M:0.17, Y:0.56, K:0. Its decimal value is 16765808.

Hex triplet	ffd370	`#ffd370`
RGB Decimal	255, 211, 112	`rgb(255,211,112)`
RGB Percent	100, 82.7, 43.9	`rgb(100%,82.7%,43.9%)`
CMYK	0, 17, 56, 0
HSL	41.5°, 100, 72	`hsl(41.5,100%,72%)`
HSV (or HSB)	41.5°, 56.1, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.514, 4.13, 54.122
XYZ	67.459, 69.021, 25.098
xyY	0.418, 0.427, 69.021
CIE-LCH	86.514, 54.279, 85.636
CIE-LUV	86.514, 35.103, 66.31
Hunter-Lab	83.079, -0.448, 40.244
Binary	11111111, 11010011, 01110000

#ffd370
```
#ffd370 rgb(255,211,112)
```
#709cff
```
#709cff rgb(112,156,255)
```

Complementary Color

#ff8c70
```
#ff8c70 rgb(255,140,112)
```
#ffd370
```
#ffd370 rgb(255,211,112)
```
#e4ff70
```
#e4ff70 rgb(228,255,112)
```

Analogous Color

#8c70ff
```
#8c70ff rgb(140,112,255)
```
#ffd370
```
#ffd370 rgb(255,211,112)
```
#70e4ff
```
#70e4ff rgb(112,228,255)
```

Split Complementary Color

#d370ff
```
#d370ff rgb(211,112,255)
```
#ffd370
```
#ffd370 rgb(255,211,112)
```
#70ffd3
```
#70ffd3 rgb(112,255,211)
```

Triadic Color

#ff709c
```
#ff709c rgb(255,112,156)
```
#ffd370
```
#ffd370 rgb(255,211,112)
```
#70ffd3
```
#70ffd3 rgb(112,255,211)
```
#709cff
```
#709cff rgb(112,156,255)
```

Tetradic Color

#ffbb24
```
#ffbb24 rgb(255,187,36)
```
#ffc33d
```
#ffc33d rgb(255,195,61)
```
#ffcb57
```
#ffcb57 rgb(255,203,87)
```
#ffd370
```
#ffd370 rgb(255,211,112)
```
#ffdb8a
```
#ffdb8a rgb(255,219,138)
```
#ffe3a3
```
#ffe3a3 rgb(255,227,163)
```
#ffebbd
```
#ffebbd rgb(255,235,189)
```

Monochromatic Color

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

#ffaf70
```
#ffaf70 rgb(255,175,112)
```
#ffbb70
```
#ffbb70 rgb(255,187,112)
```
#ffc770
```
#ffc770 rgb(255,199,112)
```
#ffd370
```
#ffd370 rgb(255,211,112)
```
#ffdf70
```
#ffdf70 rgb(255,223,112)
```
#ffeb70
```
#ffeb70 rgb(255,235,112)
```
#fff770
```
#fff770 rgb(255,247,112)
```

Similar Colors

Text with hexadecimal color #ffd370

This text has a font color of #ffd370.

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

#ffd370 background color

This paragraph has a background color of #ffd370.

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

#ffd370 border color

This element has a border color of #ffd370.

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

CSS codes

.text {color:#ffd370;}

.background {background-color:#ffd370;}

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

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

#0e0a00
```
#0e0a00 rgb(14,10,0)
```
#221700
```
#221700 rgb(34,23,0)
```
#352500
```
#352500 rgb(53,37,0)
```
#493200
```
#493200 rgb(73,50,0)
```
#5c4000
```
#5c4000 rgb(92,64,0)
```
#704e00
```
#704e00 rgb(112,78,0)
```
#845b00
```
#845b00 rgb(132,91,0)
```
#976900
```
#976900 rgb(151,105,0)
```
#ab7600
```
#ab7600 rgb(171,118,0)
```
#be8400
```
#be8400 rgb(190,132,0)
```
#d29100
```
#d29100 rgb(210,145,0)
```
#e69f00
```
#e69f00 rgb(230,159,0)
```
#f9ad00
```
#f9ad00 rgb(249,173,0)
```

Shade Color Variation

#ffb50e
```
#ffb50e rgb(255,181,14)
```
#ffbb22
```
#ffbb22 rgb(255,187,34)
```
#ffc135
```
#ffc135 rgb(255,193,53)
```
#ffc749
```
#ffc749 rgb(255,199,73)
```
#ffcd5c
```
#ffcd5c rgb(255,205,92)
```
#ffd370
```
#ffd370 rgb(255,211,112)
```
#ffd984
```
#ffd984 rgb(255,217,132)
```
#ffdf97
```
#ffdf97 rgb(255,223,151)
```
#ffe5ab
```
#ffe5ab rgb(255,229,171)
```
#ffebbe
```
#ffebbe rgb(255,235,190)
```
#fff1d2
```
#fff1d2 rgb(255,241,210)
```
#fff7e6
```
#fff7e6 rgb(255,247,230)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#bdbab2
```
#bdbab2 rgb(189,186,178)
```
#c3bcad
```
#c3bcad rgb(195,188,173)
```
#c8bea7
```
#c8bea7 rgb(200,190,167)
```
#cec0a2
```
#cec0a2 rgb(206,192,162)
```
#d3c29c
```
#d3c29c rgb(211,194,156)
```
#d9c497
```
#d9c497 rgb(217,196,151)
```
#dec691
```
#dec691 rgb(222,198,145)
```
#e4c88c
```
#e4c88c rgb(228,200,140)
```
#e9cb86
```
#e9cb86 rgb(233,203,134)
```
#efcd81
```
#efcd81 rgb(239,205,129)
```
#f4cf7b
```
#f4cf7b rgb(244,207,123)
```
#fad176
```
#fad176 rgb(250,209,118)
```
#ffd370
```
#ffd370 rgb(255,211,112)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#ddd5c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efda79 Protanopia 1% of men
#ffd399 Deuteranopia 1% of men
#ffced8 Tritanopia 0.001% of the population

Trichromacy

#f5d775 Protanomaly 1% of men, 0.01% of women
#ffd38a Deuteranomaly 6% of men, 0.4% of women
#ffcfb2 Tritanomaly 0.01% of the population

#ffd370 hex color

#ffd370 Color Information

#ffd370 Color Conversion

Color Schemes with #ffd370

Alternatives to #ffd370

#ffd370 Preview

Shades and Tints of #ffd370

Tones of #ffd370

Color Blindness Simulator