#ffc380 hex color

In a RGB color space, hex #ffc380 is composed of 100% red, 76.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 49.8% yellow and 0% black. It has a hue angle of 31.7 degrees, a saturation of 100% and a lightness of 75.1%. #ffc380 color hex could be obtained by blending #ffffff with #ff8701. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 100
- G 76
- B 50
RGB color chart
- C 0
- M 24
- Y 50
- K 0
CMYK color chart

● #ffc380 color description : Very light orange.

The hexadecimal color #ffc380 has RGB values of R:255, G:195, B:128 and CMYK values of C:0, M:0.24, Y:0.5, K:0. Its decimal value is 16761728.

Hex triplet	ffc380	`#ffc380`
RGB Decimal	255, 195, 128	`rgb(255,195,128)`
RGB Percent	100, 76.5, 50.2	`rgb(100%,76.5%,50.2%)`
CMYK	0, 24, 50, 0
HSL	31.7°, 100, 75.1	`hsl(31.7,100%,75.1%)`
HSV (or HSB)	31.7°, 49.8, 100
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	82.835, 13.717, 41.793
XYZ	64.652, 61.852, 28.954
xyY	0.416, 0.398, 61.852
CIE-LCH	82.835, 43.986, 71.829
CIE-LUV	82.835, 44.979, 51.079
Hunter-Lab	78.646, 9.108, 33.224
Binary	11111111, 11000011, 10000000

#ffc380
```
#ffc380 rgb(255,195,128)
```
#80bcff
```
#80bcff rgb(128,188,255)
```

Complementary Color

#ff8480
```
#ff8480 rgb(255,132,128)
```
#ffc380
```
#ffc380 rgb(255,195,128)
```
#fcff80
```
#fcff80 rgb(252,255,128)
```

Analogous Color

#8480ff
```
#8480ff rgb(132,128,255)
```
#ffc380
```
#ffc380 rgb(255,195,128)
```
#80fcff
```
#80fcff rgb(128,252,255)
```

Split Complementary Color

#c380ff
```
#c380ff rgb(195,128,255)
```
#ffc380
```
#ffc380 rgb(255,195,128)
```
#80ffc3
```
#80ffc3 rgb(128,255,195)
```

Triadic Color

#ff80bc
```
#ff80bc rgb(255,128,188)
```
#ffc380
```
#ffc380 rgb(255,195,128)
```
#80ffc3
```
#80ffc3 rgb(128,255,195)
```
#80bcff
```
#80bcff rgb(128,188,255)
```

Tetradic Color

#ff9f34
```
#ff9f34 rgb(255,159,52)
```
#ffab4d
```
#ffab4d rgb(255,171,77)
```
#ffb767
```
#ffb767 rgb(255,183,103)
```
#ffc380
```
#ffc380 rgb(255,195,128)
```
#ffcf9a
```
#ffcf9a rgb(255,207,154)
```
#ffdbb3
```
#ffdbb3 rgb(255,219,179)
```
#ffe7cd
```
#ffe7cd rgb(255,231,205)
```

Monochromatic Color

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

#ffa380
```
#ffa380 rgb(255,163,128)
```
#ffae80
```
#ffae80 rgb(255,174,128)
```
#ffb880
```
#ffb880 rgb(255,184,128)
```
#ffc380
```
#ffc380 rgb(255,195,128)
```
#ffce80
```
#ffce80 rgb(255,206,128)
```
#ffd880
```
#ffd880 rgb(255,216,128)
```
#ffe380
```
#ffe380 rgb(255,227,128)
```

Similar Colors

Text with hexadecimal color #ffc380

This text has a font color of #ffc380.

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

#ffc380 background color

This paragraph has a background color of #ffc380.

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

#ffc380 border color

This element has a border color of #ffc380.

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

CSS codes

.text {color:#ffc380;}

.background {background-color:#ffc380;}

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

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

#0a0500
```
#0a0500 rgb(10,5,0)
```
#1e1000
```
#1e1000 rgb(30,16,0)
```
#321a00
```
#321a00 rgb(50,26,0)
```
#452400
```
#452400 rgb(69,36,0)
```
#592f00
```
#592f00 rgb(89,47,0)
```
#6c3900
```
#6c3900 rgb(108,57,0)
```
#804400
```
#804400 rgb(128,68,0)
```
#944e00
```
#944e00 rgb(148,78,0)
```
#a75800
```
#a75800 rgb(167,88,0)
```
#bb6300
```
#bb6300 rgb(187,99,0)
```
#ce6d00
```
#ce6d00 rgb(206,109,0)
```
#e27700
```
#e27700 rgb(226,119,0)
```
#f68200
```
#f68200 rgb(246,130,0)
```

Shade Color Variation

#ff8b0a
```
#ff8b0a rgb(255,139,10)
```
#ff951e
```
#ff951e rgb(255,149,30)
```
#ff9e32
```
#ff9e32 rgb(255,158,50)
```
#ffa745
```
#ffa745 rgb(255,167,69)
```
#ffb059
```
#ffb059 rgb(255,176,89)
```
#ffba6c
```
#ffba6c rgb(255,186,108)
```
#ffc380
```
#ffc380 rgb(255,195,128)
```
#ffcc94
```
#ffcc94 rgb(255,204,148)
```
#ffd6a7
```
#ffd6a7 rgb(255,214,167)
```
#ffdfbb
```
#ffdfbb rgb(255,223,187)
```
#ffe8ce
```
#ffe8ce rgb(255,232,206)
```
#fff1e2
```
#fff1e2 rgb(255,241,226)
```
#fffbf6
```
#fffbf6 rgb(255,251,246)
```

Tint Color Variation

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

#c4c0bb
```
#c4c0bb rgb(196,192,187)
```
#c9c0b6
```
#c9c0b6 rgb(201,192,182)
```
#cec0b1
```
#cec0b1 rgb(206,192,177)
```
#d3c1ac
```
#d3c1ac rgb(211,193,172)
```
#d8c1a7
```
#d8c1a7 rgb(216,193,167)
```
#ddc1a2
```
#ddc1a2 rgb(221,193,162)
```
#e2c19d
```
#e2c19d rgb(226,193,157)
```
#e7c298
```
#e7c298 rgb(231,194,152)
```
#ebc294
```
#ebc294 rgb(235,194,148)
```
#f0c28f
```
#f0c28f rgb(240,194,143)
```
#f5c28a
```
#f5c28a rgb(245,194,138)
```
#fac385
```
#fac385 rgb(250,195,133)
```
#ffc380
```
#ffc380 rgb(255,195,128)
```

Tone Color Variation

Below, you can see how #ffc380 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
#d7cbbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d08a Protanopia 1% of men
#fac886 Deuteranopia 1% of men
#ffc0cb Tritanopia 0.001% of the population

Trichromacy

#eccb86 Protanomaly 1% of men, 0.01% of women
#fcc683 Deuteranomaly 6% of men, 0.4% of women
#ffc1b0 Tritanomaly 0.01% of the population

#ffc380 hex color

#ffc380 Color Information

#ffc380 Color Conversion

Color Schemes with #ffc380

Alternatives to #ffc380

#ffc380 Preview

Shades and Tints of #ffc380

Tones of #ffc380

Color Blindness Simulator