# Crimson amber sunburst

Mustard, orange, red and black angular swatches with 34 colors: #c89a10, #c89305, #c78b00, #c68200, #c47700, #c26c01, #bf6207, #bb580a, #b84e08, #b54406, #b23804, #ae2c04, #aa1f06, #a51208, #9f0609, #9a0009, #940009, #8e0007, #880005, #820004, #7b0003, #750003, #6d0003, #660004, #5f0003, #580003, #500003, #480002, #3f0001, #360001, #2d0001, #240000, #1e0000, #190000. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Mustard, orange, red and black angular swatches
- Seed: `kYtGc9yjW7zpBPUvNz_Iae_xEUQA`
- Page: https://grabient.com/kYtGc9yjW7zpBPUvNz_Iae_xEUQA?style=angularSwatches&steps=34&angle=180
- Drawn as: angular swatches, 34 steps, 180 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.7 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#c89a10` | `oklch(70.87% 0.1419 86.48)` | Vivid Amber | black, 8 to 1 |
| 2 | `#c89305` | `oklch(69.64% 0.1422 82.98)` | Retro Vibe | black, 7.6 to 1 |
| 3 | `#c78b00` | `oklch(67.98% 0.1417 78.06)` | Auric | black, 7.1 to 1 |
| 4 | `#c68200` | `oklch(65.99% 0.1411 72.26)` | Bubonic Brown | black, 6.5 to 1 |
| 5 | `#c47700` | `oklch(63.82% 0.1420 66.05)` | Dirty Orange | black, 5.9 to 1 |
| 6 | `#c26c01` | `oklch(61.60% 0.1442 59.96)` | Thai Curry | black, 5.4 to 1 |
| 7 | `#bf6207` | `oklch(59.46% 0.1459 54.44)` | Crema | black, 4.9 to 1 |
| 8 | `#bb580a` | `oklch(57.50% 0.1488 49.89)` | Sebright Chicken | white, 4.6 to 1 |
| 9 | `#b84e08` | `oklch(55.53% 0.1535 45.69)` | Gold Flame | white, 5 to 1 |
| 10 | `#b54406` | `oklch(53.52% 0.1595 41.72)` | Beef Bourguignon | white, 5.5 to 1 |
| 11 | `#b23804` | `oklch(51.52% 0.1660 38.05)` | Azshara Vein | white, 6 to 1 |
| 12 | `#ae2c04` | `oklch(49.58% 0.1720 34.78)` | Rusty Red | white, 6.6 to 1 |
| 13 | `#aa1f06` | `oklch(47.72% 0.1766 32.00)` | Saveloy | white, 7.2 to 1 |
| 14 | `#a51208` | `oklch(45.99% 0.1790 29.79)` | Mechrite Red | white, 7.8 to 1 |
| 15 | `#9f0609` | `oklch(44.45% 0.1787 28.30)` | Cacodemon Red | white, 8.3 to 1 |
| 16 | `#9a0009` | `oklch(43.09% 0.1759 27.64)` | Cavalry Brown | white, 8.8 to 1 |
| 17 | `#940009` | `oklch(41.83% 0.1707 27.52)` | Carnage Red | white, 9.3 to 1 |
| 18 | `#8e0007` | `oklch(40.63% 0.1659 27.75)` | Scoville Highness | white, 9.7 to 1 |
| 19 | `#880005` | `oklch(39.42% 0.1612 28.12)` | Glass Bull | white, 10.2 to 1 |
| 20 | `#820004` | `oklch(38.12% 0.1560 28.36)` | Salami | white, 10.7 to 1 |
| 21 | `#7b0003` | `oklch(36.73% 0.1503 28.38)` | Demon | white, 11.3 to 1 |
| 22 | `#750003` | `oklch(35.25% 0.1441 28.20)` | Blood | white, 11.9 to 1 |
| 23 | `#6d0003` | `oklch(33.72% 0.1378 28.00)` | Arcavia Red | white, 12.6 to 1 |
| 24 | `#660004` | `oklch(32.15% 0.1313 27.80)` | Red Blood | white, 13.3 to 1 |
| 25 | `#5f0003` | `oklch(30.52% 0.1246 27.62)` | Spikey Red | white, 14.1 to 1 |
| 26 | `#580003` | `oklch(28.85% 0.1177 27.50)` | Soooo Bloody | white, 14.8 to 1 |
| 27 | `#500003` | `oklch(27.12% 0.1107 27.44)` | Scorched Brown | white, 15.6 to 1 |
| 28 | `#480002` | `oklch(25.27% 0.1031 27.48)` | Brandywine | white, 16.4 to 1 |
| 29 | `#3f0001` | `oklch(23.15% 0.0945 27.64)` | Biltong | white, 17.3 to 1 |
| 30 | `#360001` | `oklch(20.87% 0.0853 27.89)` | Old Brown Crayon | white, 18.1 to 1 |
| 31 | `#2d0001` | `oklch(18.60% 0.0760 28.13)` | Sepia Black | white, 18.9 to 1 |
| 32 | `#240000` | `oklch(16.48% 0.0674 28.31)` | Ponzu Brown | white, 19.5 to 1 |
| 33 | `#1e0000` | `oklch(14.70% 0.0602 28.45)` | Dwarf Fortress | white, 19.9 to 1 |
| 34 | `#190000` | `oklch(13.41% 0.0549 28.55)` | Dwarf Fortress | white, 20.1 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #c89a10 0.000% 2.941%, #c89305 2.941% 5.882%, #c78b00 5.882% 8.824%, #c68200 8.824% 11.765%, #c47700 11.765% 14.706%, #c26c01 14.706% 17.647%, #bf6207 17.647% 20.588%, #bb580a 20.588% 23.529%, #b84e08 23.529% 26.471%, #b54406 26.471% 29.412%, #b23804 29.412% 32.353%, #ae2c04 32.353% 35.294%, #aa1f06 35.294% 38.235%, #a51208 38.235% 41.176%, #9f0609 41.176% 44.118%, #9a0009 44.118% 47.059%, #940009 47.059% 50.000%, #8e0007 50.000% 52.941%, #880005 52.941% 55.882%, #820004 55.882% 58.824%, #7b0003 58.824% 61.765%, #750003 61.765% 64.706%, #6d0003 64.706% 67.647%, #660004 67.647% 70.588%, #5f0003 70.588% 73.529%, #580003 73.529% 76.471%, #500003 76.471% 79.412%, #480002 79.412% 82.353%, #3f0001 82.353% 85.294%, #360001 85.294% 88.235%, #2d0001 88.235% 91.176%, #240000 91.176% 94.118%, #1e0000 94.118% 97.059%, #190000 97.059% 100.000%);
background: conic-gradient(from 180deg, oklch(70.87% 0.1419 86.48) 0.000% 2.941%, oklch(69.64% 0.1422 82.98) 2.941% 5.882%, oklch(67.98% 0.1417 78.06) 5.882% 8.824%, oklch(65.99% 0.1411 72.26) 8.824% 11.765%, oklch(63.82% 0.1420 66.05) 11.765% 14.706%, oklch(61.60% 0.1442 59.96) 14.706% 17.647%, oklch(59.46% 0.1459 54.44) 17.647% 20.588%, oklch(57.50% 0.1488 49.89) 20.588% 23.529%, oklch(55.53% 0.1535 45.69) 23.529% 26.471%, oklch(53.52% 0.1595 41.72) 26.471% 29.412%, oklch(51.52% 0.1660 38.05) 29.412% 32.353%, oklch(49.58% 0.1720 34.78) 32.353% 35.294%, oklch(47.72% 0.1766 32.00) 35.294% 38.235%, oklch(45.99% 0.1790 29.79) 38.235% 41.176%, oklch(44.45% 0.1787 28.30) 41.176% 44.118%, oklch(43.09% 0.1759 27.64) 44.118% 47.059%, oklch(41.83% 0.1707 27.52) 47.059% 50.000%, oklch(40.63% 0.1659 27.75) 50.000% 52.941%, oklch(39.42% 0.1612 28.12) 52.941% 55.882%, oklch(38.12% 0.1560 28.36) 55.882% 58.824%, oklch(36.73% 0.1503 28.38) 58.824% 61.765%, oklch(35.25% 0.1441 28.20) 61.765% 64.706%, oklch(33.72% 0.1378 28.00) 64.706% 67.647%, oklch(32.15% 0.1313 27.80) 67.647% 70.588%, oklch(30.52% 0.1246 27.62) 70.588% 73.529%, oklch(28.85% 0.1177 27.50) 73.529% 76.471%, oklch(27.12% 0.1107 27.44) 76.471% 79.412%, oklch(25.27% 0.1031 27.48) 79.412% 82.353%, oklch(23.15% 0.0945 27.64) 82.353% 85.294%, oklch(20.87% 0.0853 27.89) 85.294% 88.235%, oklch(18.60% 0.0760 28.13) 88.235% 91.176%, oklch(16.48% 0.0674 28.31) 91.176% 94.118%, oklch(14.70% 0.0602 28.45) 94.118% 97.059%, oklch(13.41% 0.0549 28.55) 97.059% 100.000%);
```

## Keyframes

6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.142 | 86.5 |
| 2 | 0.583 | 0.147 | 51.6 |
| 3 | 0.457 | 0.179 | 29.4 |
| 4 | 0.37 | 0.152 | 28.4 |
| 5 | 0.264 | 0.109 | 27.3 |
| 6 | 0.134 | 0.055 | 28.4 |

## In these collections

- [Fall swatches](https://grabient.com/fall-swatches)

## Other forms

- [JSON](https://grabient.com/kYtGc9yjW7zpBPUvNz_Iae_xEUQA.json?style=angularSwatches&steps=34&angle=180)
- [PNG](https://grabient.com/kYtGc9yjW7zpBPUvNz_Iae_xEUQA.png?style=angularSwatches&steps=34&angle=180)
- [SVG](https://grabient.com/kYtGc9yjW7zpBPUvNz_Iae_xEUQA.svg?style=angularSwatches&steps=34&angle=180)
- [CSS](https://grabient.com/kYtGc9yjW7zpBPUvNz_Iae_xEUQA.css?style=angularSwatches&steps=34&angle=180)
- [ASE](https://grabient.com/kYtGc9yjW7zpBPUvNz_Iae_xEUQA.ase?style=angularSwatches&steps=34&angle=180)
- [GPL](https://grabient.com/kYtGc9yjW7zpBPUvNz_Iae_xEUQA.gpl?style=angularSwatches&steps=34&angle=180)
- [GRD](https://grabient.com/kYtGc9yjW7zpBPUvNz_Iae_xEUQA.grd?style=angularSwatches&steps=34&angle=180)
- [Design tokens](https://grabient.com/kYtGc9yjW7zpBPUvNz_Iae_xEUQA.tokens.json?style=angularSwatches&steps=34&angle=180)
- [Social card](https://grabient.com/api/og?seed=kYtGc9yjW7zpBPUvNz_Iae_xEUQA&style=angularSwatches&steps=34&angle=180)
- [Palettes like this one](https://grabient.com/palettes?q=kYtGc9yjW7zpBPUvNz_Iae_xEUQA)
- [Guide for agents](https://grabient.com/llms.txt)