Colore con nome · #8E7F6A
Quiver Tan
Quiver Tan è #8E7F6A: rgb(142 127 106), hsl(35 15% 49%), oklch(0.604 0.036 76.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Quiver Tan color name →
#8E7F6A
oklch(0.604 0.036 76.2)
Conversioni di colore
- HEX
- #8e7f6a
- RGB
- rgb(142 127 106)
- HSL
- hsl(35 15% 49%)
- HWB
- hwb(35 42% 44%)
- OKLCH
- oklch(0.604 0.036 76.2)
- OKLab
- oklab(0.604 0.009 0.035)
- CIE Lab
- lab(54.14 3.34 13.67)
- LCH
- lch(54.14 14.07 76.3)
- CMYK
- cmyk(0% 11% 25% 44%)
Tinte · Ombre · Toni
Tinte
- 998B78
- A49786
- AFA495
- BAB0A3
- C5BDB2
- D0CAC1
- DCD7D0
- E8E4E0
- F3F2EF
Ombre
- 7B6E5B
- 685D4D
- 564C3F
- 443C31
- 342D24
- 241F18
- 15110D
- 070604
- 010100
Toni
- 8D7F6C
- 8B7F6F
- 8A7F71
- 888073
- 878075
- 868077
- 84807A
- 83807C
- 81807E
Armonie di colore
Complementare +180°
- 8E7F6A
Quiver Tan
- 748397
≈ Tranquil Pond
Analogo -30° +30°
- 8E7F6A
Quiver Tan
- 947B70
≈ Motto
- 84836B
≈ Greenwich Green
Triadico +120° +240°
- 8E7F6A
Quiver Tan
- 698888
≈ Overgrown Trellis
- 8A7B90
≈ Classical Violet
Complementare divisa +150° +210°
- 8E7F6A
Quiver Tan
- 6B8692
≈ South Pacific
- 7F7F96
≈ Purpletone
Tetradico +90° +180° +270°
- 8E7F6A
Quiver Tan
- 6E897D
≈ Hanging Vine
- 748397
≈ Tranquil Pond
- 927986
≈ Muted Berry
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.89:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.39:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.39:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--quiver-tan: #8e7f6a;
--quiver-tan-rgb: 142 127 106;
--quiver-tan-oklch: oklch(0.604 0.036 76.2);
}
.element {
color: var(--quiver-tan);
background-color: hsl(35 15% 49%);
border-color: oklch(0.604 0.036 76.2);
}Tailwind CSS v4
@theme {
--color-quiver-tan: #8e7f6a;
--color-quiver-tan-50: #fbf4ea;
--color-quiver-tan-100: #efe7db;
--color-quiver-tan-200: #ddd3c4;
--color-quiver-tan-300: #c2b6a4;
--color-quiver-tan-400: #ab9c87;
--color-quiver-tan-500: #94836c;
--color-quiver-tan-600: #7d6f5c;
--color-quiver-tan-700: #645949;
--color-quiver-tan-800: #4a4135;
--color-quiver-tan-900: #332d24;
--color-quiver-tan-950: #1f1a13;
}SCSS
$quiver-tan: #8e7f6a;
$quiver-tan-rgb: 142, 127, 106;
$quiver-tan-light: mix(#fff, $quiver-tan, 20%);
$quiver-tan-dark: mix(#000, $quiver-tan, 20%);
.element {
color: $quiver-tan;
box-shadow: 0 0 0 2px rgba($quiver-tan, 0.35);
}