Benannte Farbe · #C18654
Mulling Spice
Mulling Spice ist #C18654: rgb(193 134 84), hsl(28 47% 54%), oklch(0.669 0.098 60.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Mulling Spice color name →
#C18654
oklch(0.669 0.098 60.2)
Farbumrechnungen
- HEX
- #c18654
- RGB
- rgb(193 134 84)
- HSL
- hsl(28 47% 54%)
- HWB
- hwb(28 33% 24%)
- OKLCH
- oklch(0.669 0.098 60.2)
- OKLab
- oklab(0.669 0.049 0.085)
- CIE Lab
- lab(61.21 19.39 36.21)
- LCH
- lch(61.21 41.08 61.8)
- CMYK
- cmyk(0% 31% 56% 24%)
Tints · Shades · Tones
Tints
- C89265
- CE9E77
- D5AA87
- DBB698
- E1C2A9
- E7CEBA
- EDDACB
- F3E6DC
- F9F3EE
Shades
- A77448
- 8F623C
- 775131
- 5F4026
- 49301B
- 342111
- 201308
- 0E0602
- 020100
Tones
- BB865A
- B4855F
- AE8564
- A88468
- A1846D
- 9B8371
- 948375
- 8D8279
- 87817C
Farbharmonien
Komplementär +180°
- C18654
Mulling Spice
- 589DCB
≈ Blue Iguana
Analog -30° +30°
- C18654
Mulling Spice
- CA7D70
≈ Canyon Clay
- AC9249
≈ Epidote Olvene Ore
Triadisch +120° +240°
- C18654
Mulling Spice
- 42A897
≈ Jewel Weed
- 9E87C8
≈ Petrified Purple
Geteilt komplementär +150° +210°
- C18654
Mulling Spice
- 3AA5B6
≈ Green Buoy
- 7D92D2
≈ Mood Mode
Tetradisch +90° +180° +270°
- C18654
Mulling Spice
- 66A675
≈ Aqua Forest
- 589DCB
≈ Blue Iguana
- B77EB1
≈ Cheddar Pink Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.08:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.80:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--mulling-spice: #c18654;
--mulling-spice-rgb: 193 134 84;
--mulling-spice-oklch: oklch(0.669 0.098 60.2);
}
.element {
color: var(--mulling-spice);
background-color: hsl(28 47% 54%);
border-color: oklch(0.669 0.098 60.2);
}Tailwind CSS v4
@theme {
--color-mulling-spice: #c18654;
--color-mulling-spice-50: #fff0d9;
--color-mulling-spice-100: #ffe1c7;
--color-mulling-spice-200: #f4ccaa;
--color-mulling-spice-300: #dcad83;
--color-mulling-spice-400: #c99161;
--color-mulling-spice-500: #b5753d;
--color-mulling-spice-600: #996435;
--color-mulling-spice-700: #7b502a;
--color-mulling-spice-800: #5c391d;
--color-mulling-spice-900: #402713;
--color-mulling-spice-950: #291505;
}SCSS
$mulling-spice: #c18654;
$mulling-spice-rgb: 193, 134, 84;
$mulling-spice-light: mix(#fff, $mulling-spice, 20%);
$mulling-spice-dark: mix(#000, $mulling-spice, 20%);
.element {
color: $mulling-spice;
box-shadow: 0 0 0 2px rgba($mulling-spice, 0.35);
}