Benannte Farbe · #C4AB7D
Cobbler
Cobbler ist #C4AB7D: rgb(196 171 125), hsl(39 38% 63%), oklch(0.752 0.068 82.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Cobbler color name →
#C4AB7D
oklch(0.752 0.068 82.4)
Farbumrechnungen
- HEX
- #c4ab7d
- RGB
- rgb(196 171 125)
- HSL
- hsl(39 38% 63%)
- HWB
- hwb(39 49% 23%)
- OKLCH
- oklch(0.752 0.068 82.4)
- OKLab
- oklab(0.752 0.009 0.067)
- CIE Lab
- lab(71.36 4.5 27.26)
- LCH
- lch(71.36 27.63 80.6)
- CMYK
- cmyk(0% 13% 36% 23%)
Tints · Shades · Tones
Tints
- CAB38A
- D0BC97
- D6C4A4
- DBCCB1
- E1D5BE
- E7DDCA
- EDE5D8
- F3EEE5
- F9F6F2
Shades
- AA946C
- 917E5B
- 78684B
- 61543B
- 4A402C
- 352D1E
- 211B11
- 0E0B05
- 020101
Tones
- BDA77E
- B6A27E
- AF9E7F
- A89A7F
- A29580
- 9B9180
- 948D80
- 8D8980
- 878480
Farbharmonien
Komplementär +180°
- C4AB7D
Cobbler
- 98AFDA
≈ Blue Skies Today
Analog -30° +30°
- C4AB7D
Cobbler
- D2A387
≈ Orange Maple
- AFB381
≈ Great Green
Triadisch +120° +240°
- C4AB7D
Cobbler
- 79BCC1
≈ Pure Turquoise
- C4A1C8
≈ Pale Grape
Geteilt komplementär +150° +210°
- C4AB7D
Cobbler
- 83B7D3
≈ Harbour Sky
- AFA7D7
≈ Ariel’s Delight
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.21:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.46:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.46:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--cobbler: #c4ab7d;
--cobbler-rgb: 196 171 125;
--cobbler-oklch: oklch(0.752 0.068 82.4);
}
.element {
color: var(--cobbler);
background-color: hsl(39 38% 63%);
border-color: oklch(0.752 0.068 82.4);
}Tailwind CSS v4
@theme {
--color-cobbler: #c4ab7d;
--color-cobbler-50: #fef4e0;
--color-cobbler-100: #f3e7cf;
--color-cobbler-200: #e2d3b4;
--color-cobbler-300: #c8b590;
--color-cobbler-400: #b29b70;
--color-cobbler-500: #9d8250;
--color-cobbler-600: #846e45;
--color-cobbler-700: #6a5836;
--color-cobbler-800: #4f4026;
--color-cobbler-900: #372c1a;
--color-cobbler-950: #22190a;
}SCSS
$cobbler: #c4ab7d;
$cobbler-rgb: 196, 171, 125;
$cobbler-light: mix(#fff, $cobbler, 20%);
$cobbler-dark: mix(#000, $cobbler, 20%);
.element {
color: $cobbler;
box-shadow: 0 0 0 2px rgba($cobbler, 0.35);
}