이름 색상 · #81522E
Lion’s Lair
Lion’s Lair은(는) #81522E: rgb(129 82 46), hsl(26 47% 34%), oklch(0.484 0.081 56.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Lion’s Lair color name →
#81522E
oklch(0.484 0.081 56.8)
색상 변환
- HEX
- #81522e
- RGB
- rgb(129 82 46)
- HSL
- hsl(26 47% 34%)
- HWB
- hwb(26 18% 49%)
- OKLCH
- oklch(0.484 0.081 56.8)
- OKLab
- oklab(0.484 0.044 0.068)
- CIE Lab
- lab(39.75 17.49 29.3)
- LCH
- lch(39.75 34.13 59.2)
- CMYK
- cmyk(0% 36% 64% 49%)
틴트 · 셰이드 · 톤
틴트
- 8E6242
- 9A7356
- A7836A
- B3947F
- C0A593
- CDB7A8
- D9C9BD
- E6DAD3
- F2EDE9
셰이드
- 6F4627
- 5E3B1F
- 4E2F18
- 3E2512
- 2E1A0B
- 1F1106
- 120802
- 060201
- 010000
톤
- 815737
- 825C40
- 826048
- 826550
- 826A58
- 826E60
- 817368
- 817770
- 817C78
색 조화
보색 +180°
- 81522E
Lion’s Lair
- 2B6586
≈ Carbide
유사색 -30° +30°
- 81522E
Lion’s Lair
- 864C46
≈ Richardson Brick
- 725B22
≈ Moss Brown
삼각 배색 +120° +240°
- 81522E
Lion’s Lair
- 1B6D5D
≈ Forest Splendour
- 635487
≈ Wool Violet
분열 보색 +150° +210°
- 81522E
Lion’s Lair
- 096B76
≈ Toadstool Teal
- 4A5D8D
≈ Gem
사각 배색 +90° +180° +270°
- 81522E
Lion’s Lair
- 3E6B43
≈ Arcala Green
- 2B6586
≈ Carbide
- 774E77
≈ Cabbage Blossom Violet
대비 및 접근성
Ag
AA흰색 위
WCAG 6.60:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.17:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--lion-s-lair: #81522e;
--lion-s-lair-rgb: 129 82 46;
--lion-s-lair-oklch: oklch(0.484 0.081 56.8);
}
.element {
color: var(--lion-s-lair);
background-color: hsl(26 47% 34%);
border-color: oklch(0.484 0.081 56.8);
}Tailwind CSS v4
@theme {
--color-lion-s-lair: #81522e;
--color-lion-s-lair-50: #fff0df;
--color-lion-s-lair-100: #fde2ce;
--color-lion-s-lair-200: #efcdb3;
--color-lion-s-lair-300: #d7ae8f;
--color-lion-s-lair-400: #c4926f;
--color-lion-s-lair-500: #af784f;
--color-lion-s-lair-600: #946644;
--color-lion-s-lair-700: #775136;
--color-lion-s-lair-800: #583b27;
--color-lion-s-lair-900: #3e281a;
--color-lion-s-lair-950: #27160a;
}SCSS
$lion-s-lair: #81522e;
$lion-s-lair-rgb: 129, 82, 46;
$lion-s-lair-light: mix(#fff, $lion-s-lair, 20%);
$lion-s-lair-dark: mix(#000, $lion-s-lair, 20%);
.element {
color: $lion-s-lair;
box-shadow: 0 0 0 2px rgba($lion-s-lair, 0.35);
}