Colore con nome più vicino · #887533
#887533
Colore con nome più vicino: Capers
#887533 (rgb(136 117 51), hsl(47 45% 37%), oklch(0.566 0.089 93.3)) è più vicino al colore con nome Capers. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#887533
oklch(0.566 0.089 93.3)
Conversioni di colore
- HEX
- #887533
- RGB
- rgb(136 117 51)
- HSL
- hsl(47 45% 37%)
- HWB
- hwb(47 20% 47%)
- OKLCH
- oklch(0.566 0.089 93.3)
- OKLab
- oklab(0.566 -0.005 0.088)
- CIE Lab
- lab(50.01 1.53 38.35)
- LCH
- lch(50.01 38.38 87.7)
- CMYK
- cmyk(0% 14% 63% 47%)
Tinte · Ombre · Toni
Tinte
- 938249
- 9F905D
- AA9D71
- B6AB85
- C2B899
- CEC6AD
- DAD4C1
- E6E2D5
- F3F1EA
Ombre
- 75652B
- 635523
- 52461C
- 413714
- 31290D
- 221C07
- 130F03
- 060501
- 010100
Toni
- 87763D
- 867846
- 86794E
- 857A56
- 847B5D
- 837C65
- 827D6C
- 827E73
- 817F79
Armonie di colore
Complementare +180°
- 887533
Capers
- 6572AB
≈ King’s Robe
Analogo -30° +30°
- 887533
Capers
- 9B6A3B
≈ Horsing Around
- 6C7F42
≈ Moss Landing
Triadico +120° +240°
- 887533
Capers
- 248496
≈ Kings of Sea
- 96628C
≈ Raspberry Jelly Red
Complementare divisa +150° +210°
- 887533
Capers
- 447CA6
≈ Beijing Blue
- 8169A1
≈ Dark Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.52:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.63:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--capers: #887533;
--capers-rgb: 136 117 51;
--capers-oklch: oklch(0.566 0.089 93.3);
}
.element {
color: var(--capers);
background-color: hsl(47 45% 37%);
border-color: oklch(0.566 0.089 93.3);
}Tailwind CSS v4
@theme {
--color-capers: #887533;
--color-capers-50: #fdf6d9;
--color-capers-100: #f1e8c7;
--color-capers-200: #e0d5aa;
--color-capers-300: #c5b883;
--color-capers-400: #b09e60;
--color-capers-500: #9a853a;
--color-capers-600: #827033;
--color-capers-700: #685a28;
--color-capers-800: #4e411b;
--color-capers-900: #362d12;
--color-capers-950: #211a04;
}SCSS
$capers: #887533;
$capers-rgb: 136, 117, 51;
$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);
}