이름 색상 · #807548
Peppered Moss
Peppered Moss은(는) #807548: rgb(128 117 72), hsl(48 28% 39%), oklch(0.561 0.065 96.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Peppered Moss color name →
#807548
oklch(0.561 0.065 96.1)
색상 변환
- HEX
- #807548
- RGB
- rgb(128 117 72)
- HSL
- hsl(48 28% 39%)
- HWB
- hwb(48 28% 50%)
- OKLCH
- oklch(0.561 0.065 96.1)
- OKLab
- oklab(0.561 -0.007 0.064)
- CIE Lab
- lab(49.43 -0.63 26.4)
- LCH
- lch(49.43 26.41 91.4)
- CMYK
- cmyk(0% 9% 44% 50%)
틴트 · 셰이드 · 톤
틴트
- 8C825A
- 988F6B
- A49D7D
- B1AA8F
- BDB8A1
- CAC6B3
- D7D4C6
- E4E2D9
- F2F0EC
셰이드
- 6E653D
- 5D5533
- 4D4629
- 3D371F
- 2E2916
- 1F1C0D
- 120F06
- 060502
- 010100
톤
- 80764E
- 807754
- 80795A
- 807A60
- 807B65
- 807C6B
- 807D70
- 807E75
- 807F7B
색 조화
보색 +180°
- 807548
Peppered Moss
- 6A729B
≈ Silk Crepe Mauve
유사색 -30° +30°
- 807548
Peppered Moss
- 8F6D4B
≈ Tanned Wood
- 6B7C52
≈ Mint Leaves
삼각 배색 +120° +240°
- 807548
Peppered Moss
- 457F8D
≈ Wish Upon a Star
- 8D6683
≈ Sunshone Plum
분열 보색 +150° +210°
- 807548
Peppered Moss
- 557999
≈ Quiet Harbour
- 7E6B93
≈ Ornate
사각 배색 +90° +180° +270°
- 807548
Peppered Moss
- 44817A
≈ Bubble Turquoise
- 6A729B
≈ Silk Crepe Mauve
- 96656F
≈ Soft Bromeliad
대비 및 접근성
Ag
AA흰색 위
WCAG 4.60:1 · APCA Lc 72
Ag
AA검은색 위
WCAG 4.55:1 · APCA Lc 30
가장 좋은 글자색: #FFFFFF
WCAG 4.60:1 (AA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--peppered-moss: #807548;
--peppered-moss-rgb: 128 117 72;
--peppered-moss-oklch: oklch(0.561 0.065 96.1);
}
.element {
color: var(--peppered-moss);
background-color: hsl(48 28% 39%);
border-color: oklch(0.561 0.065 96.1);
}Tailwind CSS v4
@theme {
--color-peppered-moss: #807548;
--color-peppered-moss-50: #faf6e1;
--color-peppered-moss-100: #ede9d0;
--color-peppered-moss-200: #dbd5b6;
--color-peppered-moss-300: #c0b893;
--color-peppered-moss-400: #a99f73;
--color-peppered-moss-500: #938654;
--color-peppered-moss-600: #7c7247;
--color-peppered-moss-700: #635b39;
--color-peppered-moss-800: #4a4228;
--color-peppered-moss-900: #332e1b;
--color-peppered-moss-950: #1f1a0b;
}SCSS
$peppered-moss: #807548;
$peppered-moss-rgb: 128, 117, 72;
$peppered-moss-light: mix(#fff, $peppered-moss, 20%);
$peppered-moss-dark: mix(#000, $peppered-moss, 20%);
.element {
color: $peppered-moss;
box-shadow: 0 0 0 2px rgba($peppered-moss, 0.35);
}