#ffb278 hex color

In a RGB color space, hex #ffb278 is composed of 100% red, 69.8% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.2% magenta, 52.9% yellow and 0% black. It has a hue angle of 25.8 degrees, a saturation of 100% and a lightness of 73.5%. #ffb278 color hex could be obtained by blending #fffff0 with #ff6500. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 100
- G 70
- B 47
RGB color chart
- C 0
- M 30
- Y 53
- K 0
CMYK color chart

● #ffb278 color description : Very light orange.

The hexadecimal color #ffb278 has RGB values of R:255, G:178, B:120 and CMYK values of C:0, M:0.3, Y:0.53, K:0. Its decimal value is 16757368.

Hex triplet	ffb278	`#ffb278`
RGB Decimal	255, 178, 120	`rgb(255,178,120)`
RGB Percent	100, 69.8, 47.1	`rgb(100%,69.8%,47.1%)`
CMYK	0, 30, 53, 0
HSL	25.8°, 100, 73.5	`hsl(25.8,100%,73.5%)`
HSV (or HSB)	25.8°, 52.9, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	78.729, 21.911, 40.71
XYZ	60.551, 54.46, 25.091
xyY	0.432, 0.389, 54.46
CIE-LCH	78.729, 46.232, 61.709
CIE-LUV	78.729, 57.707, 47.209
Hunter-Lab	73.797, 17.316, 31.499
Binary	11111111, 10110010, 01111000

#ffb278
```
#ffb278 rgb(255,178,120)
```
#78c5ff
```
#78c5ff rgb(120,197,255)
```

Complementary Color

#ff7882
```
#ff7882 rgb(255,120,130)
```
#ffb278
```
#ffb278 rgb(255,178,120)
```
#fff678
```
#fff678 rgb(255,246,120)
```

Analogous Color

#7882ff
```
#7882ff rgb(120,130,255)
```
#ffb278
```
#ffb278 rgb(255,178,120)
```
#78fff6
```
#78fff6 rgb(120,255,246)
```

Split Complementary Color

#b278ff
```
#b278ff rgb(178,120,255)
```
#ffb278
```
#ffb278 rgb(255,178,120)
```
#78ffb2
```
#78ffb2 rgb(120,255,178)
```

Triadic Color

#ff78c5
```
#ff78c5 rgb(255,120,197)
```
#ffb278
```
#ffb278 rgb(255,178,120)
```
#78ffb2
```
#78ffb2 rgb(120,255,178)
```
#78c5ff
```
#78c5ff rgb(120,197,255)
```

Tetradic Color

#ff862c
```
#ff862c rgb(255,134,44)
```
#ff9545
```
#ff9545 rgb(255,149,69)
```
#ffa35f
```
#ffa35f rgb(255,163,95)
```
#ffb278
```
#ffb278 rgb(255,178,120)
```
#ffc192
```
#ffc192 rgb(255,193,146)
```
#ffcfab
```
#ffcfab rgb(255,207,171)
```
#ffdec5
```
#ffdec5 rgb(255,222,197)
```

Monochromatic Color

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

#ff9078
```
#ff9078 rgb(255,144,120)
```
#ff9c78
```
#ff9c78 rgb(255,156,120)
```
#ffa778
```
#ffa778 rgb(255,167,120)
```
#ffb278
```
#ffb278 rgb(255,178,120)
```
#ffbd78
```
#ffbd78 rgb(255,189,120)
```
#ffc978
```
#ffc978 rgb(255,201,120)
```
#ffd478
```
#ffd478 rgb(255,212,120)
```

Similar Colors

Text with hexadecimal color #ffb278

This text has a font color of #ffb278.

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

#ffb278 background color

This paragraph has a background color of #ffb278.

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

#ffb278 border color

This element has a border color of #ffb278.

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

CSS codes

.text {color:#ffb278;}

.background {background-color:#ffb278;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#160900
```
#160900 rgb(22,9,0)
```
#2a1200
```
#2a1200 rgb(42,18,0)
```
#3d1a00
```
#3d1a00 rgb(61,26,0)
```
#512300
```
#512300 rgb(81,35,0)
```
#642b00
```
#642b00 rgb(100,43,0)
```
#783400
```
#783400 rgb(120,52,0)
```
#8c3c00
```
#8c3c00 rgb(140,60,0)
```
#9f4400
```
#9f4400 rgb(159,68,0)
```
#b34d00
```
#b34d00 rgb(179,77,0)
```
#c65500
```
#c65500 rgb(198,85,0)
```
#da5e00
```
#da5e00 rgb(218,94,0)
```
#ee6600
```
#ee6600 rgb(238,102,0)
```

Shade Color Variation

#ff6f02
```
#ff6f02 rgb(255,111,2)
```
#ff7a16
```
#ff7a16 rgb(255,122,22)
```
#ff852a
```
#ff852a rgb(255,133,42)
```
#ff903d
```
#ff903d rgb(255,144,61)
```
#ff9c51
```
#ff9c51 rgb(255,156,81)
```
#ffa764
```
#ffa764 rgb(255,167,100)
```
#ffb278
```
#ffb278 rgb(255,178,120)
```
#ffbd8c
```
#ffbd8c rgb(255,189,140)
```
#ffc89f
```
#ffc89f rgb(255,200,159)
```
#ffd4b3
```
#ffd4b3 rgb(255,212,179)
```
#ffdfc6
```
#ffdfc6 rgb(255,223,198)
```
#ffeada
```
#ffeada rgb(255,234,218)
```
#fff5ee
```
#fff5ee rgb(255,245,238)
```

Tint Color Variation

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

#c1bbb6
```
#c1bbb6 rgb(193,187,182)
```
#c6bab1
```
#c6bab1 rgb(198,186,177)
```
#cbb9ac
```
#cbb9ac rgb(203,185,172)
```
#d0b9a7
```
#d0b9a7 rgb(208,185,167)
```
#d5b8a2
```
#d5b8a2 rgb(213,184,162)
```
#dbb79c
```
#dbb79c rgb(219,183,156)
```
#e0b697
```
#e0b697 rgb(224,182,151)
```
#e5b692
```
#e5b692 rgb(229,182,146)
```
#eab58d
```
#eab58d rgb(234,181,141)
```
#efb488
```
#efb488 rgb(239,180,136)
```
#f5b382
```
#f5b382 rgb(245,179,130)
```
#fab37d
```
#fab37d rgb(250,179,125)
```
#ffb278
```
#ffb278 rgb(255,178,120)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#cebfb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c584 Protanopia 1% of men
#eebd7c Deuteranopia 1% of men
#ffb0bb Tritanopia 0.001% of the population

Trichromacy

#e5be80 Protanomaly 1% of men, 0.01% of women
#f4b97b Deuteranomaly 6% of men, 0.4% of women
#ffb1a2 Tritanomaly 0.01% of the population

#ffb278 hex color

#ffb278 Color Information

#ffb278 Color Conversion

Color Schemes with #ffb278

Alternatives to #ffb278

#ffb278 Preview

Shades and Tints of #ffb278

Tones of #ffb278

Color Blindness Simulator