이름 색상 · #935444
Prairie Clay
Prairie Clay은(는) #935444: rgb(147 84 68), hsl(12 37% 42%), oklch(0.515 0.088 35.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Prairie Clay color name →
#935444
oklch(0.515 0.088 35.1)
색상 변환
- HEX
- #935444
- RGB
- rgb(147 84 68)
- HSL
- hsl(12 37% 42%)
- HWB
- hwb(12 27% 42%)
- OKLCH
- oklch(0.515 0.088 35.1)
- OKLab
- oklab(0.515 0.072 0.051)
- CIE Lab
- lab(43.06 25.6 21.25)
- LCH
- lch(43.06 33.27 39.7)
- CMYK
- cmyk(0% 43% 54% 42%)
틴트 · 셰이드 · 톤
틴트
- 9E6455
- AA7567
- B58579
- C0968B
- CBA79E
- D5B8B1
- E0CAC4
- EADBD7
- F5EDEB
셰이드
- 7F483A
- 6C3C30
- 593126
- 47261D
- 361B14
- 25110C
- 160805
- 080202
- 010000
톤
- 92594A
- 905D50
- 8F6256
- 8D675C
- 8C6B62
- 8A6F68
- 88746E
- 857874
- 837C7A
색 조화
보색 +180°
- 935444
Prairie Clay
- 0D7487
≈ Glamour Green
유사색 -30° +30°
- 935444
Prairie Clay
- 925161
≈ Vin Rouge
- 8A5C2B
≈ Treacle
삼각 배색 +120° +240°
- 935444
Prairie Clay
- 397651
≈ Grasslands
- 59639A
≈ Iris Bloom
분열 보색 +150° +210°
- 935444
Prairie Clay
- 0C786E
≈ Pond Moss
- 386C97
≈ Queen Blue
사각 배색 +90° +180° +270°
- 935444
Prairie Clay
- 5C7035
≈ Venom Wyrm
- 0D7487
≈ Glamour Green
- 735A90
≈ Emperor Jewel
대비 및 접근성
Ag
AA흰색 위
WCAG 5.84:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.59:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.84:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--prairie-clay: #935444;
--prairie-clay-rgb: 147 84 68;
--prairie-clay-oklch: oklch(0.515 0.088 35.1);
}
.element {
color: var(--prairie-clay);
background-color: hsl(12 37% 42%);
border-color: oklch(0.515 0.088 35.1);
}Tailwind CSS v4
@theme {
--color-prairie-clay: #935444;
--color-prairie-clay-50: #ffede4;
--color-prairie-clay-100: #ffded3;
--color-prairie-clay-200: #f7c8ba;
--color-prairie-clay-300: #e0a898;
--color-prairie-clay-400: #cd8c7b;
--color-prairie-clay-500: #b9705e;
--color-prairie-clay-600: #9c5f50;
--color-prairie-clay-700: #7d4c3f;
--color-prairie-clay-800: #5d372e;
--color-prairie-clay-900: #41251f;
--color-prairie-clay-950: #2a140f;
}SCSS
$prairie-clay: #935444;
$prairie-clay-rgb: 147, 84, 68;
$prairie-clay-light: mix(#fff, $prairie-clay, 20%);
$prairie-clay-dark: mix(#000, $prairie-clay, 20%);
.element {
color: $prairie-clay;
box-shadow: 0 0 0 2px rgba($prairie-clay, 0.35);
}