Colore con nome · #725C5B
Peppercorn
Peppercorn è #725C5B: rgb(114 92 91), hsl(3 11% 40%), oklch(0.496 0.029 21.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Peppercorn color name →
#725C5B
oklch(0.496 0.029 21.2)
Conversioni di colore
- HEX
- #725c5b
- RGB
- rgb(114 92 91)
- HSL
- hsl(3 11% 40%)
- HWB
- hwb(3 36% 55%)
- OKLCH
- oklch(0.496 0.029 21.2)
- OKLab
- oklab(0.496 0.027 0.01)
- CIE Lab
- lab(41.3 9.13 4.14)
- LCH
- lch(41.3 10.02 24.4)
- CMYK
- cmyk(0% 19% 20% 55%)
Tinte · Ombre · Toni
Tinte
- 7F6B6A
- 8D7A79
- 9B8A89
- A89A99
- B6AAA9
- C5BABA
- D3CBCB
- E2DCDC
- F0EEED
Ombre
- 624F4E
- 534241
- 443635
- 362A29
- 281F1E
- 1B1413
- 0E0A09
- 040303
- 010000
Toni
- 74605F
- 756362
- 766766
- 786A6A
- 796E6D
- 7B7171
- 7C7575
- 7D7978
- 7F7C7C
Armonie di colore
Complementare +180°
- 725C5B
Peppercorn
- 4F6769
≈ Iron Creek
Analogo -30° +30°
- 725C5B
Peppercorn
- 705C64
≈ Poetry Plum
- 705E53
≈ Homestead Brown
Triadico +120° +240°
- 725C5B
Peppercorn
- 596757
≈ Picholine
- 596373
≈ Fuel Town
Complementare divisa +150° +210°
- 725C5B
Peppercorn
- 526860
≈ Collard Green
- 526670
≈ Needlepoint Navy
Tetradico +90° +180° +270°
- 725C5B
Peppercorn
- 636451
≈ Newbury Moss
- 4F6769
≈ Iron Creek
- 626072
≈ Damp Basement
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.18:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.39:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.18:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--peppercorn: #725c5b;
--peppercorn-rgb: 114 92 91;
--peppercorn-oklch: oklch(0.496 0.029 21.2);
}
.element {
color: var(--peppercorn);
background-color: hsl(3 11% 40%);
border-color: oklch(0.496 0.029 21.2);
}Tailwind CSS v4
@theme {
--color-peppercorn: #725c5b;
--color-peppercorn-50: #fdf2f1;
--color-peppercorn-100: #f1e4e3;
--color-peppercorn-200: #e0d0ce;
--color-peppercorn-300: #c6b2b0;
--color-peppercorn-400: #af9897;
--color-peppercorn-500: #997f7e;
--color-peppercorn-600: #816c6b;
--color-peppercorn-700: #675655;
--color-peppercorn-800: #4c3f3e;
--color-peppercorn-900: #352b2b;
--color-peppercorn-950: #201818;
}SCSS
$peppercorn: #725c5b;
$peppercorn-rgb: 114, 92, 91;
$peppercorn-light: mix(#fff, $peppercorn, 20%);
$peppercorn-dark: mix(#000, $peppercorn, 20%);
.element {
color: $peppercorn;
box-shadow: 0 0 0 2px rgba($peppercorn, 0.35);
}