Benannte Farbe · #AC4F06
Cinnamon Bun
Cinnamon Bun ist #AC4F06: rgb(172 79 6), hsl(26 93% 35%), oklch(0.537 0.141 49.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Cinnamon Bun color name →
#AC4F06
oklch(0.537 0.141 49.2)
Farbumrechnungen
- HEX
- #ac4f06
- RGB
- rgb(172 79 6)
- HSL
- hsl(26 93% 35%)
- HWB
- hwb(26 2% 33%)
- OKLCH
- oklch(0.537 0.141 49.2)
- OKLab
- oklab(0.537 0.092 0.107)
- CIE Lab
- lab(45.35 36.5 53.62)
- LCH
- lch(45.35 64.86 55.8)
- CMYK
- cmyk(0% 54% 97% 33%)
Tints · Shades · Tones
Tints
- B6612E
- BF7348
- C8845F
- D19676
- DAA78C
- E2B8A3
- E9CAB9
- F1DBD0
- F8EDE8
Shades
- 954404
- 7F3803
- 692E02
- 542301
- 401901
- 2D1000
- 1B0700
- 0B0200
- 010000
Tones
- A95520
- A55B2F
- A1603C
- 9D6647
- 996B51
- 956F5B
- 907465
- 8B786E
- 867C77
Farbharmonien
Komplementär +180°
- AC4F06
Cinnamon Bun
- 00789F
≈ Mitchell Blue
Analog -30° +30°
- AC4F06
Cinnamon Bun
- B1454C
≈ Intrigue Red
- 906500
≈ Alligator
Triadisch +120° +240°
- AC4F06
Cinnamon Bun
- 008163
≈ Generic Viridian
- 6D5CB9
≈ Blue Marguerite
Geteilt komplementär +150° +210°
- AC4F06
Cinnamon Bun
- 007D82
≈ Macquarie
- 376CBE
≈ Matt Blue
Tetradisch +90° +180° +270°
- AC4F06
Cinnamon Bun
- 3C8027
≈ Bilbao
- 00789F
≈ Mitchell Blue
- 904FA1
≈ Vicious Violet
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.41:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.87:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.41:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--cinnamon-bun: #ac4f06;
--cinnamon-bun-rgb: 172 79 6;
--cinnamon-bun-oklch: oklch(0.537 0.141 49.2);
}
.element {
color: var(--cinnamon-bun);
background-color: hsl(26 93% 35%);
border-color: oklch(0.537 0.141 49.2);
}Tailwind CSS v4
@theme {
--color-cinnamon-bun: #ac4f06;
--color-cinnamon-bun-50: #ffebd1;
--color-cinnamon-bun-100: #ffdbbe;
--color-cinnamon-bun-200: #ffc49d;
--color-cinnamon-bun-300: #f1a273;
--color-cinnamon-bun-400: #e0834d;
--color-cinnamon-bun-500: #ce641b;
--color-cinnamon-bun-600: #ae551a;
--color-cinnamon-bun-700: #8c4415;
--color-cinnamon-bun-800: #68300f;
--color-cinnamon-bun-900: #492109;
--color-cinnamon-bun-950: #301000;
}SCSS
$cinnamon-bun: #ac4f06;
$cinnamon-bun-rgb: 172, 79, 6;
$cinnamon-bun-light: mix(#fff, $cinnamon-bun, 20%);
$cinnamon-bun-dark: mix(#000, $cinnamon-bun, 20%);
.element {
color: $cinnamon-bun;
box-shadow: 0 0 0 2px rgba($cinnamon-bun, 0.35);
}