Nazwany kolor · #725C5B
Peppercorn
Peppercorn to #725C5B: rgb(114 92 91), hsl(3 11% 40%), oklch(0.496 0.029 21.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Peppercorn color name →
#725C5B
oklch(0.496 0.029 21.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7F6B6A
- 8D7A79
- 9B8A89
- A89A99
- B6AAA9
- C5BABA
- D3CBCB
- E2DCDC
- F0EEED
Odcienie ciemniejsze
- 624F4E
- 534241
- 443635
- 362A29
- 281F1E
- 1B1413
- 0E0A09
- 040303
- 010000
Tony
- 74605F
- 756362
- 766766
- 786A6A
- 796E6D
- 7B7171
- 7C7575
- 7D7978
- 7F7C7C
Harmonie kolorów
Komplementarna +180°
- 725C5B
Peppercorn
- 4F6769
≈ Iron Creek
Analogowa -30° +30°
- 725C5B
Peppercorn
- 705C64
≈ Poetry Plum
- 705E53
≈ Homestead Brown
Triada +120° +240°
- 725C5B
Peppercorn
- 596757
≈ Picholine
- 596373
≈ Fuel Town
Komplementarna rozszczepiona +150° +210°
- 725C5B
Peppercorn
- 526860
≈ Collard Green
- 526670
≈ Needlepoint Navy
Tetrada +90° +180° +270°
- 725C5B
Peppercorn
- 636451
≈ Newbury Moss
- 4F6769
≈ Iron Creek
- 626072
≈ Damp Basement
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.18:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.39:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.18:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
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);
}