Colore con nome · #C4AB7D
Cobbler
Cobbler è #C4AB7D: rgb(196 171 125), hsl(39 38% 63%), oklch(0.752 0.068 82.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cobbler color name →
#C4AB7D
oklch(0.752 0.068 82.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- CAB38A
- D0BC97
- D6C4A4
- DBCCB1
- E1D5BE
- E7DDCA
- EDE5D8
- F3EEE5
- F9F6F2
Ombre
- AA946C
- 917E5B
- 78684B
- 61543B
- 4A402C
- 352D1E
- 211B11
- 0E0B05
- 020101
Toni
- BDA77E
- B6A27E
- AF9E7F
- A89A7F
- A29580
- 9B9180
- 948D80
- 8D8980
- 878480
Armonie di colore
Complementare +180°
- C4AB7D
Cobbler
- 98AFDA
≈ Blue Skies Today
Analogo -30° +30°
- C4AB7D
Cobbler
- D2A387
≈ Orange Maple
- AFB381
≈ Great Green
Triadico +120° +240°
- C4AB7D
Cobbler
- 79BCC1
≈ Pure Turquoise
- C4A1C8
≈ Pale Grape
Complementare divisa +150° +210°
- C4AB7D
Cobbler
- 83B7D3
≈ Harbour Sky
- AFA7D7
≈ Ariel’s Delight
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.21:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.46:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.46:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
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);
}