Benannte Farbe · #A78045
Caramel Suede
Caramel Suede ist #A78045: rgb(167 128 69), hsl(36 42% 46%), oklch(0.625 0.091 76.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Caramel Suede color name →
#A78045
oklch(0.625 0.091 76.1)
Farbumrechnungen
- HEX
- #a78045
- RGB
- rgb(167 128 69)
- HSL
- hsl(36 42% 46%)
- HWB
- hwb(36 27% 35%)
- OKLCH
- oklch(0.625 0.091 76.1)
- OKLab
- oklab(0.625 0.022 0.088)
- CIE Lab
- lab(56.52 10.5 37.64)
- LCH
- lch(56.52 39.08 74.4)
- CMYK
- cmyk(0% 23% 59% 35%)
Tints · Shades · Tones
Tints
- B08C58
- B9996B
- C1A57D
- CAB28F
- D3BEA2
- DCCBB4
- E5D8C7
- EDE5D9
- F6F2EC
Shades
- 916E3B
- 7B5D31
- 664D27
- 523D1E
- 3E2E15
- 2C1F0C
- 1A1205
- 0A0602
- 010100
Tones
- A3804C
- 9F8053
- 9C815A
- 988160
- 948166
- 90816B
- 8C8171
- 888076
- 84807B
Farbharmonien
Komplementär +180°
- A78045
Caramel Suede
- 638ABE
≈ Faded Blue
Analog -30° +30°
- A78045
Caramel Suede
- B57658
≈ Campfire Blaze
- 8F8B47
≈ Cider Mill
Triadisch +120° +240°
- A78045
Caramel Suede
- 34999A
≈ Empress Envy
- 9D77AD
≈ Karma Chameleon
Geteilt komplementär +150° +210°
- A78045
Caramel Suede
- 4293B2
≈ Enchanted Well
- 837FBC
≈ Faraway Sky
Tetradisch +90° +180° +270°
- A78045
Caramel Suede
- 4B997B
≈ Smaragdine
- 638ABE
≈ Faded Blue
- B07193
≈ So Long Shadow
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.61:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.81:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.81:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--caramel-suede: #a78045;
--caramel-suede-rgb: 167 128 69;
--caramel-suede-oklch: oklch(0.625 0.091 76.1);
}
.element {
color: var(--caramel-suede);
background-color: hsl(36 42% 46%);
border-color: oklch(0.625 0.091 76.1);
}Tailwind CSS v4
@theme {
--color-caramel-suede: #a78045;
--color-caramel-suede-50: #fff3d9;
--color-caramel-suede-100: #f9e5c7;
--color-caramel-suede-200: #ead0a9;
--color-caramel-suede-300: #d1b283;
--color-caramel-suede-400: #bd9760;
--color-caramel-suede-500: #a87d3a;
--color-caramel-suede-600: #8e6a33;
--color-caramel-suede-700: #725528;
--color-caramel-suede-800: #553d1c;
--color-caramel-suede-900: #3b2a12;
--color-caramel-suede-950: #251805;
}SCSS
$caramel-suede: #a78045;
$caramel-suede-rgb: 167, 128, 69;
$caramel-suede-light: mix(#fff, $caramel-suede, 20%);
$caramel-suede-dark: mix(#000, $caramel-suede, 20%);
.element {
color: $caramel-suede;
box-shadow: 0 0 0 2px rgba($caramel-suede, 0.35);
}