이름 색상 · #725C5B
Peppercorn
Peppercorn은(는) #725C5B: rgb(114 92 91), hsl(3 11% 40%), oklch(0.496 0.029 21.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Peppercorn color name →
#725C5B
oklch(0.496 0.029 21.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 7F6B6A
- 8D7A79
- 9B8A89
- A89A99
- B6AAA9
- C5BABA
- D3CBCB
- E2DCDC
- F0EEED
셰이드
- 624F4E
- 534241
- 443635
- 362A29
- 281F1E
- 1B1413
- 0E0A09
- 040303
- 010000
톤
- 74605F
- 756362
- 766766
- 786A6A
- 796E6D
- 7B7171
- 7C7575
- 7D7978
- 7F7C7C
색 조화
보색 +180°
- 725C5B
Peppercorn
- 4F6769
≈ Iron Creek
유사색 -30° +30°
- 725C5B
Peppercorn
- 705C64
≈ Poetry Plum
- 705E53
≈ Homestead Brown
삼각 배색 +120° +240°
- 725C5B
Peppercorn
- 596757
≈ Picholine
- 596373
≈ Fuel Town
분열 보색 +150° +210°
- 725C5B
Peppercorn
- 526860
≈ Collard Green
- 526670
≈ Needlepoint Navy
사각 배색 +90° +180° +270°
- 725C5B
Peppercorn
- 636451
≈ Newbury Moss
- 4F6769
≈ Iron Creek
- 626072
≈ Damp Basement
대비 및 접근성
Ag
AA흰색 위
WCAG 6.18:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.39:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.18:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
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);
}