이름 색상 · #AB8D44
Plaguelands Beige
Plaguelands Beige은(는) #AB8D44: rgb(171 141 68), hsl(43 43% 47%), oklch(0.656 0.099 87.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Plaguelands Beige color name →
#AB8D44
oklch(0.656 0.099 87.1)
색상 변환
- HEX
- #ab8d44
- RGB
- rgb(171 141 68)
- HSL
- hsl(43 43% 47%)
- HWB
- hwb(43 27% 33%)
- OKLCH
- oklch(0.656 0.099 87.1)
- OKLab
- oklab(0.656 0.005 0.099)
- CIE Lab
- lab(60.34 5.32 42.59)
- LCH
- lch(60.34 42.92 82.9)
- CMYK
- cmyk(0% 18% 60% 33%)
틴트 · 셰이드 · 톤
틴트
- B39858
- BBA36B
- C4AF7E
- CCBA90
- D5C5A3
- DDD1B5
- E5DCC7
- EEE8DA
- F6F3EC
셰이드
- 947A3A
- 7E6730
- 685526
- 54441D
- 403314
- 2D230C
- 1B1405
- 0B0702
- 010100
톤
- A78C4C
- A28B54
- 9E8A5A
- 9A8861
- 958766
- 91866C
- 8D8471
- 898376
- 84827B
색 조화
보색 +180°
- AB8D44
Plaguelands Beige
- 768FCE
≈ Organza Violet
유사색 -30° +30°
- AB8D44
Plaguelands Beige
- BF8152
≈ Limonite
- 8D9950
≈ Apple Jack
삼각 배색 +120° +240°
- AB8D44
Plaguelands Beige
- 32A2B0
≈ Marine Tinge
- B17BB1
≈ Berries Galore
분열 보색 +150° +210°
- AB8D44
Plaguelands Beige
- 509AC6
≈ Mountain Bluebird
- 9784C6
≈ Amethyst Grey
사각 배색 +90° +180° +270°
- AB8D44
Plaguelands Beige
- 3FA590
≈ Marine Green
- 768FCE
≈ Organza Violet
- C27792
≈ Watermelon Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.16:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.62:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--plaguelands-beige: #ab8d44;
--plaguelands-beige-rgb: 171 141 68;
--plaguelands-beige-oklch: oklch(0.656 0.099 87.1);
}
.element {
color: var(--plaguelands-beige);
background-color: hsl(43 43% 47%);
border-color: oklch(0.656 0.099 87.1);
}Tailwind CSS v4
@theme {
--color-plaguelands-beige: #ab8d44;
--color-plaguelands-beige-50: #fff4d6;
--color-plaguelands-beige-100: #f5e7c3;
--color-plaguelands-beige-200: #e5d3a4;
--color-plaguelands-beige-300: #ccb57c;
--color-plaguelands-beige-400: #b89b57;
--color-plaguelands-beige-500: #a2812c;
--color-plaguelands-beige-600: #896e27;
--color-plaguelands-beige-700: #6e581f;
--color-plaguelands-beige-800: #523f14;
--color-plaguelands-beige-900: #392c0d;
--color-plaguelands-beige-950: #231902;
}SCSS
$plaguelands-beige: #ab8d44;
$plaguelands-beige-rgb: 171, 141, 68;
$plaguelands-beige-light: mix(#fff, $plaguelands-beige, 20%);
$plaguelands-beige-dark: mix(#000, $plaguelands-beige, 20%);
.element {
color: $plaguelands-beige;
box-shadow: 0 0 0 2px rgba($plaguelands-beige, 0.35);
}