#ceb678 hex color

In a RGB color space, hex #ceb678 is composed of 80.8% red, 71.4% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.7% magenta, 41.7% yellow and 19.2% black. It has a hue angle of 43.3 degrees, a saturation of 46.7% and a lightness of 63.9%. #ceb678 color hex could be obtained by blending #fffff0 with #9d6d00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 81
- G 71
- B 47
RGB color chart
- C 0
- M 12
- Y 42
- K 19
CMYK color chart

● #ceb678 color description : Slightly desaturated orange.

The hexadecimal color #ceb678 has RGB values of R:206, G:182, B:120 and CMYK values of C:0, M:0.12, Y:0.42, K:0.19. Its decimal value is 13547128.

Hex triplet	ceb678	`#ceb678`
RGB Decimal	206, 182, 120	`rgb(206,182,120)`
RGB Percent	80.8, 71.4, 47.1	`rgb(80.8%,71.4%,47.1%)`
CMYK	0, 12, 42, 19
HSL	43.3°, 46.7, 63.9	`hsl(43.3,46.7%,63.9%)`
HSV (or HSB)	43.3°, 41.7, 80.8
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.784, 0.031, 34.679
XYZ	45.572, 47.935, 24.62
xyY	0.386, 0.406, 47.935
CIE-LCH	74.784, 34.679, 89.949
CIE-LUV	74.784, 19.023, 44.913
Hunter-Lab	69.235, -3.67, 27.381
Binary	11001110, 10110110, 01111000

#ceb678
```
#ceb678 rgb(206,182,120)
```
#7890ce
```
#7890ce rgb(120,144,206)
```

Complementary Color

#ce8b78
```
#ce8b78 rgb(206,139,120)
```
#ceb678
```
#ceb678 rgb(206,182,120)
```
#bbce78
```
#bbce78 rgb(187,206,120)
```

Analogous Color

#8b78ce
```
#8b78ce rgb(139,120,206)
```
#ceb678
```
#ceb678 rgb(206,182,120)
```
#78bbce
```
#78bbce rgb(120,187,206)
```

Split Complementary Color

#b678ce
```
#b678ce rgb(182,120,206)
```
#ceb678
```
#ceb678 rgb(206,182,120)
```
#78ceb6
```
#78ceb6 rgb(120,206,182)
```

Triadic Color

#ce7890
```
#ce7890 rgb(206,120,144)
```
#ceb678
```
#ceb678 rgb(206,182,120)
```
#78ceb6
```
#78ceb6 rgb(120,206,182)
```
#7890ce
```
#7890ce rgb(120,144,206)
```

Tetradic Color

#b79742
```
#b79742 rgb(183,151,66)
```
#c0a253
```
#c0a253 rgb(192,162,83)
```
#c7ac65
```
#c7ac65 rgb(199,172,101)
```
#ceb678
```
#ceb678 rgb(206,182,120)
```
#d5c08b
```
#d5c08b rgb(213,192,139)
```
#dcca9d
```
#dcca9d rgb(220,202,157)
```
#e2d4b0
```
#e2d4b0 rgb(226,212,176)
```

Monochromatic Color

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

#cea178
```
#cea178 rgb(206,161,120)
```
#cea878
```
#cea878 rgb(206,168,120)
```
#ceaf78
```
#ceaf78 rgb(206,175,120)
```
#ceb678
```
#ceb678 rgb(206,182,120)
```
#cebd78
```
#cebd78 rgb(206,189,120)
```
#cec478
```
#cec478 rgb(206,196,120)
```
#cecc78
```
#cecc78 rgb(206,204,120)
```

Similar Colors

Text with hexadecimal color #ceb678

This text has a font color of #ceb678.

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

#ceb678 background color

This paragraph has a background color of #ceb678.

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

#ceb678 border color

This element has a border color of #ceb678.

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

CSS codes

.text {color:#ceb678;}

.background {background-color:#ceb678;}

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

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

#090703
```
#090703 rgb(9,7,3)
```
#171308
```
#171308 rgb(23,19,8)
```
#261f0e
```
#261f0e rgb(38,31,14)
```
#342b13
```
#342b13 rgb(52,43,19)
```
#423718
```
#423718 rgb(66,55,24)
```
#51421d
```
#51421d rgb(81,66,29)
```
#5f4e23
```
#5f4e23 rgb(95,78,35)
```
#6e5a28
```
#6e5a28 rgb(110,90,40)
```
#7c662d
```
#7c662d rgb(124,102,45)
```
#8a7232
```
#8a7232 rgb(138,114,50)
```
#997e37
```
#997e37 rgb(153,126,55)
```
#a7893d
```
#a7893d rgb(167,137,61)
```
#b69542
```
#b69542 rgb(182,149,66)
```

Shade Color Variation

#be9f4d
```
#be9f4d rgb(190,159,77)
```
#c4a65b
```
#c4a65b rgb(196,166,91)
```
#c9ae6a
```
#c9ae6a rgb(201,174,106)
```
#ceb678
```
#ceb678 rgb(206,182,120)
```
#d3be86
```
#d3be86 rgb(211,190,134)
```
#d8c695
```
#d8c695 rgb(216,198,149)
```
#decda3
```
#decda3 rgb(222,205,163)
```
#e3d5b2
```
#e3d5b2 rgb(227,213,178)
```
#e8ddc0
```
#e8ddc0 rgb(232,221,192)
```
#ede5ce
```
#ede5ce rgb(237,229,206)
```
#f3ecdd
```
#f3ecdd rgb(243,236,221)
```
#f8f4eb
```
#f8f4eb rgb(248,244,235)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#a4a3a2
```
#a4a3a2 rgb(164,163,162)
```
#aba69b
```
#aba69b rgb(171,166,155)
```
#b2a994
```
#b2a994 rgb(178,169,148)
```
#b9ad8d
```
#b9ad8d rgb(185,173,141)
```
#c0b086
```
#c0b086 rgb(192,176,134)
```
#c7b37f
```
#c7b37f rgb(199,179,127)
```
#ceb678
```
#ceb678 rgb(206,182,120)
```
#d5b971
```
#d5b971 rgb(213,185,113)
```
#dcbc6a
```
#dcbc6a rgb(220,188,106)
```
#e3bf63
```
#e3bf63 rgb(227,191,99)
```
#eac35c
```
#eac35c rgb(234,195,92)
```
#f1c655
```
#f1c655 rgb(241,198,85)
```
#f8c94e
```
#f8c94e rgb(248,201,78)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#bbb6aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbbb7f Protanopia 1% of men
#dfb480 Deuteranopia 1% of men
#d7b1be Tritanopia 0.001% of the population

Trichromacy

#ccb97c Protanomaly 1% of men, 0.01% of women
#d9b47d Deuteranomaly 6% of men, 0.4% of women
#d4b3a4 Tritanomaly 0.01% of the population

#ceb678 hex color

#ceb678 Color Information

#ceb678 Color Conversion

Color Schemes with #ceb678

Alternatives to #ceb678

#ceb678 Preview

Shades and Tints of #ceb678

Tones of #ceb678

Color Blindness Simulator