Colore con nome più vicino · #867334
#867334
Colore con nome più vicino: Capers
#867334 (rgb(134 115 52), hsl(46 44% 36%), oklch(0.56 0.086 92.7)) è più vicino al colore con nome Capers. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#867334
oklch(0.56 0.086 92.7)
Conversioni di colore
- HEX
- #867334
- RGB
- rgb(134 115 52)
- HSL
- hsl(46 44% 36%)
- HWB
- hwb(46 20% 47%)
- OKLCH
- oklch(0.56 0.086 92.7)
- OKLab
- oklab(0.56 -0.004 0.086)
- CIE Lab
- lab(49.26 1.75 36.95)
- LCH
- lch(49.26 37 87.3)
- CMYK
- cmyk(0% 14% 61% 47%)
Tinte · Ombre · Toni
Tinte
- 918049
- 9D8E5D
- A99B71
- B5A985
- C1B799
- CDC5AD
- D9D4C1
- E6E2D5
- F2F0EA
Ombre
- 74632C
- 625424
- 51451C
- 403615
- 30280E
- 211B07
- 130F03
- 060501
- 010100
Toni
- 85743E
- 857646
- 84774E
- 847956
- 837A5D
- 827B65
- 827D6C
- 817E73
- 817F79
Armonie di colore
Complementare +180°
- 867334
Capers
- 6371A7
≈ Dormitory
Analogo -30° +30°
- 867334
Capers
- 98693C
≈ Frappé au Chocolat
- 6B7D42
≈ Healing Plant
Triadico +120° +240°
- 867334
Capers
- 278192
≈ Pagoda Blue
- 92618A
≈ Hashita Purple
Complementare divisa +150° +210°
- 867334
Capers
- 447AA3
≈ Zenith
- 7E689E
≈ Purple Paradise
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.65:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.51:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--capers: #867334;
--capers-rgb: 134 115 52;
--capers-oklch: oklch(0.56 0.086 92.7);
}
.element {
color: var(--capers);
background-color: hsl(46 44% 36%);
border-color: oklch(0.56 0.086 92.7);
}Tailwind CSS v4
@theme {
--color-capers: #867334;
--color-capers-50: #fdf5da;
--color-capers-100: #f1e8c8;
--color-capers-200: #e0d4ab;
--color-capers-300: #c5b785;
--color-capers-400: #b09d62;
--color-capers-500: #9a853e;
--color-capers-600: #827035;
--color-capers-700: #685a2a;
--color-capers-800: #4e411d;
--color-capers-900: #362d13;
--color-capers-950: #211a05;
}SCSS
$capers: #867334;
$capers-rgb: 134, 115, 52;
$capers-light: mix(#fff, $capers, 20%);
$capers-dark: mix(#000, $capers, 20%);
.element {
color: $capers;
box-shadow: 0 0 0 2px rgba($capers, 0.35);
}