Colore con nome · #C89F59
Warm Leather
Warm Leather è #C89F59: rgb(200 159 89), hsl(38 50% 57%), oklch(0.726 0.101 79.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Warm Leather color name →
#C89F59
oklch(0.726 0.101 79.5)
Conversioni di colore
- HEX
- #c89f59
- RGB
- rgb(200 159 89)
- HSL
- hsl(38 50% 57%)
- HWB
- hwb(38 35% 22%)
- OKLCH
- oklch(0.726 0.101 79.5)
- OKLab
- oklab(0.726 0.018 0.099)
- CIE Lab
- lab(68.25 9.66 42.15)
- LCH
- lch(68.25 43.25 77.1)
- CMYK
- cmyk(0% 21% 56% 22%)
Tinte · Ombre · Toni
Tinte
- CEA96B
- D3B27C
- D9BC8D
- DEC59D
- E4CFAD
- E9D8BE
- EFE2CE
- F4ECDE
- FAF5EF
Ombre
- AE8A4C
- 947540
- 7B6134
- 634D28
- 4C3B1D
- 362913
- 211809
- 0F0903
- 020100
Toni
- C19C5F
- B99964
- B29668
- AB936C
- A49070
- 9D8D74
- 958A77
- 8E877A
- 87837D
Armonie di colore
Complementare +180°
- C89F59
Warm Leather
- 80A7E6
≈ Blue Cue
Analogo -30° +30°
- C89F59
Warm Leather
- DA936C
≈ Summer’s End
- ABAC5E
≈ Palm Frond
Triadico +120° +240°
- C89F59
Warm Leather
- 49B9BF
≈ Montego Bay
- C292CE
≈ Rose Souvenir
Complementare divisa +150° +210°
- C89F59
Warm Leather
- 5BB2D9
≈ Disembark
- A59CE2
≈ Dull Lavender
Tetradico +90° +180° +270°
- C89F59
Warm Leather
- 5EBB9C
≈ Sainsbury
- 80A7E6
≈ Blue Cue
- D68CB0
≈ Berry Twist
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.45:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.55:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.55:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--warm-leather: #c89f59;
--warm-leather-rgb: 200 159 89;
--warm-leather-oklch: oklch(0.726 0.101 79.5);
}
.element {
color: var(--warm-leather);
background-color: hsl(38 50% 57%);
border-color: oklch(0.726 0.101 79.5);
}Tailwind CSS v4
@theme {
--color-warm-leather: #c89f59;
--color-warm-leather-50: #fff3d5;
--color-warm-leather-100: #f9e5c3;
--color-warm-leather-200: #ead1a4;
--color-warm-leather-300: #d2b37b;
--color-warm-leather-400: #be9856;
--color-warm-leather-500: #a97e2b;
--color-warm-leather-600: #8f6a27;
--color-warm-leather-700: #73551f;
--color-warm-leather-800: #563d14;
--color-warm-leather-900: #3c2a0d;
--color-warm-leather-950: #251802;
}SCSS
$warm-leather: #c89f59;
$warm-leather-rgb: 200, 159, 89;
$warm-leather-light: mix(#fff, $warm-leather, 20%);
$warm-leather-dark: mix(#000, $warm-leather, 20%);
.element {
color: $warm-leather;
box-shadow: 0 0 0 2px rgba($warm-leather, 0.35);
}