Colore con nome · #957D48
Raked Leaves
Raked Leaves è #957D48: rgb(149 125 72), hsl(41 35% 43%), oklch(0.6 0.077 85.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Raked Leaves color name →
#957D48
oklch(0.6 0.077 85.7)
Conversioni di colore
- HEX
- #957d48
- RGB
- rgb(149 125 72)
- HSL
- hsl(41 35% 43%)
- HWB
- hwb(41 28% 42%)
- OKLCH
- oklch(0.6 0.077 85.7)
- OKLab
- oklab(0.6 0.006 0.077)
- CIE Lab
- lab(53.79 4.37 32.3)
- LCH
- lch(53.79 32.59 82.3)
- CMYK
- cmyk(0% 16% 52% 42%)
Tinte · Ombre · Toni
Tinte
- 9F895A
- AA966C
- B4A37E
- BEB090
- C9BCA2
- D4CAB4
- DED7C7
- E9E4D9
- F4F1EC
Ombre
- 816C3D
- 6D5B33
- 5A4B29
- 483B1F
- 372C16
- 261E0D
- 161106
- 080502
- 010100
Toni
- 937D4F
- 917E55
- 8F7E5B
- 8D7F61
- 8B7F66
- 897F6C
- 867F71
- 848076
- 82807B
Armonie di colore
Complementare +180°
- 957D48
Raked Leaves
- 6A7FAF
≈ Marvellous
Analogo -30° +30°
- 957D48
Raked Leaves
- A47452
≈ Balthasar Gold
- 7E864F
≈ Field Maple
Triadico +120° +240°
- 957D48
Raked Leaves
- 408E97
≈ Aqueous
- 987099
≈ Tatarian Aster
Complementare divisa +150° +210°
- 957D48
Raked Leaves
- 5088A8
≈ Safe Haven
- 8477AA
≈ Grape Parfait
Tetradico +90° +180° +270°
- 957D48
Raked Leaves
- 488F7E
≈ Winter Green
- 6A7FAF
≈ Marvellous
- A66D82
≈ Never Forget
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.95:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.30:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--raked-leaves: #957d48;
--raked-leaves-rgb: 149 125 72;
--raked-leaves-oklch: oklch(0.6 0.077 85.7);
}
.element {
color: var(--raked-leaves);
background-color: hsl(41 35% 43%);
border-color: oklch(0.6 0.077 85.7);
}Tailwind CSS v4
@theme {
--color-raked-leaves: #957d48;
--color-raked-leaves-50: #fef4dd;
--color-raked-leaves-100: #f3e7cb;
--color-raked-leaves-200: #e2d3af;
--color-raked-leaves-300: #c8b68a;
--color-raked-leaves-400: #b39c69;
--color-raked-leaves-500: #9d8247;
--color-raked-leaves-600: #856e3d;
--color-raked-leaves-700: #6a5830;
--color-raked-leaves-800: #4f4022;
--color-raked-leaves-900: #372c16;
--color-raked-leaves-950: #221907;
}SCSS
$raked-leaves: #957d48;
$raked-leaves-rgb: 149, 125, 72;
$raked-leaves-light: mix(#fff, $raked-leaves, 20%);
$raked-leaves-dark: mix(#000, $raked-leaves, 20%);
.element {
color: $raked-leaves;
box-shadow: 0 0 0 2px rgba($raked-leaves, 0.35);
}