Colore con nome · #867E70
Adaptive Shade
Adaptive Shade è #867E70: rgb(134 126 112), hsl(38 9% 48%), oklch(0.596 0.023 81.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Adaptive Shade color name →
#867E70
oklch(0.596 0.023 81.7)
Conversioni di colore
- HEX
- #867e70
- RGB
- rgb(134 126 112)
- HSL
- hsl(38 9% 48%)
- HWB
- hwb(38 44% 47%)
- OKLCH
- oklch(0.596 0.023 81.7)
- OKLab
- oklab(0.596 0.003 0.023)
- CIE Lab
- lab(53.21 1.28 8.8)
- LCH
- lch(53.21 8.9 81.7)
- CMYK
- cmyk(0% 6% 16% 47%)
Tinte · Ombre · Toni
Tinte
- 918A7D
- 9D968B
- A9A399
- B5B0A7
- C1BCB5
- CDC9C3
- D9D7D2
- E6E4E1
- F2F1F0
Ombre
- 746D60
- 625C51
- 514C43
- 403C35
- 302D27
- 211F1A
- 13110E
- 060504
- 010101
Toni
- 857E72
- 857E73
- 847F75
- 847F76
- 837F78
- 827F7A
- 827F7B
- 81807D
- 81807E
Armonie di colore
Complementare +180°
- 867E70
Adaptive Shade
- 787F8D
≈ Blue Mood
Analogo -30° +30°
- 867E70
Adaptive Shade
- 8B7C73
≈ Revere Greige
- 7F8171
≈ Warm Eucalyptus
Triadico +120° +240°
- 867E70
Adaptive Shade
- 708385
≈ Trooper
- 867B87
≈ High Note
Complementare divisa +150° +210°
- 867E70
Adaptive Shade
- 72828B
≈ Oyster Bay
- 7F7D8C
≈ Silver Surfer
Tetradico +90° +180° +270°
- 867E70
Adaptive Shade
- 72847D
≈ Dwarf Spruce
- 787F8D
≈ Blue Mood
- 8B7A80
≈ Purple Rubiate
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.01:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.23:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--adaptive-shade: #867e70;
--adaptive-shade-rgb: 134 126 112;
--adaptive-shade-oklch: oklch(0.596 0.023 81.7);
}
.element {
color: var(--adaptive-shade);
background-color: hsl(38 9% 48%);
border-color: oklch(0.596 0.023 81.7);
}Tailwind CSS v4
@theme {
--color-adaptive-shade: #867e70;
--color-adaptive-shade-50: #f8f5ee;
--color-adaptive-shade-100: #ebe7df;
--color-adaptive-shade-200: #d9d4c9;
--color-adaptive-shade-300: #bdb7ab;
--color-adaptive-shade-400: #a59d90;
--color-adaptive-shade-500: #8e8575;
--color-adaptive-shade-600: #787164;
--color-adaptive-shade-700: #605a4f;
--color-adaptive-shade-800: #47423a;
--color-adaptive-shade-900: #312d27;
--color-adaptive-shade-950: #1d1a16;
}SCSS
$adaptive-shade: #867e70;
$adaptive-shade-rgb: 134, 126, 112;
$adaptive-shade-light: mix(#fff, $adaptive-shade, 20%);
$adaptive-shade-dark: mix(#000, $adaptive-shade, 20%);
.element {
color: $adaptive-shade;
box-shadow: 0 0 0 2px rgba($adaptive-shade, 0.35);
}