Colore con nome più vicino · #9D7441
#9D7441
Colore con nome più vicino: Driftwood
#9D7441 (rgb(157 116 65), hsl(33 41% 44%), oklch(0.589 0.085 70.9)) è più vicino al colore con nome Driftwood. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#9D7441
oklch(0.589 0.085 70.9)
Conversioni di colore
- HEX
- #9d7441
- RGB
- rgb(157 116 65)
- HSL
- hsl(33 41% 44%)
- HWB
- hwb(33 25% 38%)
- OKLCH
- oklch(0.589 0.085 70.9)
- OKLab
- oklab(0.589 0.028 0.081)
- CIE Lab
- lab(52.22 12.32 34.43)
- LCH
- lch(52.22 36.56 70.3)
- CMYK
- cmyk(0% 26% 59% 38%)
Tinte · Ombre · Toni
Tinte
- A78154
- B18F67
- BA9C7A
- C4AA8C
- CEB89F
- D8C6B2
- E2D4C5
- EBE2D8
- F5F1EB
Ombre
- 886437
- 73542E
- 5F4525
- 4C371C
- 3A2913
- 281B0B
- 180F05
- 090501
- 010100
Toni
- 9A7549
- 987750
- 957856
- 92795D
- 8F7B63
- 8C7C69
- 897D6F
- 867E75
- 837F7A
Armonie di colore
Complementare +180°
- 9D7441
Driftwood
- 5580AE
≈ Blue Fin
Analogo -30° +30°
- 9D7441
Driftwood
- A86B55
≈ Mojave Sunset
- 887E3F
≈ Koke Moss
Triadico +120° +240°
- 9D7441
Driftwood
- 318D89
≈ Taos Turquoise
- 8D6EA3
≈ Babiana
Complementare divisa +150° +210°
- 9D7441
Driftwood
- 3888A1
≈ Turquesa
- 7477AF
≈ Magic Moment
Tetradico +90° +180° +270°
- 9D7441
Driftwood
- 4A8D6C
≈ Aegean Green
- 5580AE
≈ Blue Fin
- A0688C
≈ Berry Pretty
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.19:1 · APCA Lc 69
Ag
AASu nero
WCAG 5.00:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 5.00:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--driftwood: #9d7441;
--driftwood-rgb: 157 116 65;
--driftwood-oklch: oklch(0.589 0.085 70.9);
}
.element {
color: var(--driftwood);
background-color: hsl(33 41% 44%);
border-color: oklch(0.589 0.085 70.9);
}Tailwind CSS v4
@theme {
--color-driftwood: #9d7441;
--color-driftwood-50: #fff2db;
--color-driftwood-100: #fae4c9;
--color-driftwood-200: #ebcfad;
--color-driftwood-300: #d3b187;
--color-driftwood-400: #bf9666;
--color-driftwood-500: #aa7c43;
--color-driftwood-600: #8f6939;
--color-driftwood-700: #73542d;
--color-driftwood-800: #563d20;
--color-driftwood-900: #3c2a15;
--color-driftwood-950: #251707;
}SCSS
$driftwood: #9d7441;
$driftwood-rgb: 157, 116, 65;
$driftwood-light: mix(#fff, $driftwood, 20%);
$driftwood-dark: mix(#000, $driftwood, 20%);
.element {
color: $driftwood;
box-shadow: 0 0 0 2px rgba($driftwood, 0.35);
}