이름 색상 · #948971
Dry Pasture
Dry Pasture은(는) #948971: rgb(148 137 113), hsl(41 14% 51%), oklch(0.633 0.037 86.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Dry Pasture color name →
#948971
oklch(0.633 0.037 86.3)
색상 변환
- HEX
- #948971
- RGB
- rgb(148 137 113)
- HSL
- hsl(41 14% 51%)
- HWB
- hwb(41 44% 42%)
- OKLCH
- oklch(0.633 0.037 86.3)
- OKLab
- oklab(0.633 0.002 0.037)
- CIE Lab
- lab(57.58 1.28 14.5)
- LCH
- lch(57.58 14.55 85)
- CMYK
- cmyk(0% 7% 24% 42%)
틴트 · 셰이드 · 톤
틴트
- 9E947E
- A9A08C
- B3AB9A
- BEB7A8
- C8C2B6
- D3CEC4
- DEDAD3
- E9E6E1
- F4F3F0
셰이드
- 807661
- 6D6452
- 5A5343
- 484235
- 363127
- 26221A
- 16140E
- 080704
- 010101
톤
- 928873
- 908774
- 8E8676
- 8C8577
- 8A8579
- 88847A
- 86837C
- 84827D
- 82817F
색 조화
보색 +180°
- 948971
Dry Pasture
- 808AA1
≈ Violet Aura
유사색 -30° +30°
- 948971
Dry Pasture
- 9C8575
≈ Blanket Brown
- 888D74
≈ Aloe Thorn
삼각 배색 +120° +240°
- 948971
Dry Pasture
- 709195
≈ Mineral Blue
- 968396
≈ Femme Fatale
분열 보색 +150° +210°
- 948971
Dry Pasture
- 758E9E
≈ Smoky Azurite
- 8C869E
≈ Mandrake
사각 배색 +90° +180° +270°
- 948971
Dry Pasture
- 739289
≈ Longmeadow
- 808AA1
≈ Violet Aura
- 9D818B
≈ Tropical Orchid
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.45:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.07:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--dry-pasture: #948971;
--dry-pasture-rgb: 148 137 113;
--dry-pasture-oklch: oklch(0.633 0.037 86.3);
}
.element {
color: var(--dry-pasture);
background-color: hsl(41 14% 51%);
border-color: oklch(0.633 0.037 86.3);
}Tailwind CSS v4
@theme {
--color-dry-pasture: #948971;
--color-dry-pasture-50: #f9f5ea;
--color-dry-pasture-100: #ede7da;
--color-dry-pasture-200: #dbd4c3;
--color-dry-pasture-300: #bfb7a2;
--color-dry-pasture-400: #a89d86;
--color-dry-pasture-500: #91856b;
--color-dry-pasture-600: #7b715a;
--color-dry-pasture-700: #625a48;
--color-dry-pasture-800: #484234;
--color-dry-pasture-900: #322d23;
--color-dry-pasture-950: #1e1a12;
}SCSS
$dry-pasture: #948971;
$dry-pasture-rgb: 148, 137, 113;
$dry-pasture-light: mix(#fff, $dry-pasture, 20%);
$dry-pasture-dark: mix(#000, $dry-pasture, 20%);
.element {
color: $dry-pasture;
box-shadow: 0 0 0 2px rgba($dry-pasture, 0.35);
}