이름 색상 · #A29DAD
Indolence
Indolence은(는) #A29DAD: rgb(162 157 173), hsl(259 9% 65%), oklch(0.705 0.024 300). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Indolence color name →
#A29DAD
oklch(0.705 0.024 300)
색상 변환
- HEX
- #a29dad
- RGB
- rgb(162 157 173)
- HSL
- hsl(259 9% 65%)
- HWB
- hwb(259 62% 32%)
- OKLCH
- oklch(0.705 0.024 300)
- OKLab
- oklab(0.705 0.012 -0.02)
- CIE Lab
- lab(65.55 4.21 -7.67)
- LCH
- lch(65.55 8.75 298.8)
- CMYK
- cmyk(6% 9% 0% 32%)
틴트 · 셰이드 · 톤
틴트
- ABA6B5
- B4B0BD
- BDB9C5
- C6C3CD
- D0CDD5
- D9D7DE
- E2E1E6
- ECEBEE
- F5F5F7
셰이드
- 8C8896
- 77737F
- 635F6A
- 4F4C55
- 3C3A41
- 2A282D
- 19181B
- 0A090B
- 010101
톤
- 9F9AA8
- 9B97A4
- 98949F
- 94919B
- 918E96
- 8D8C92
- 8A898D
- 878689
- 838384
색 조화
보색 +180°
- A29DAD
Indolence
- 9EA292
≈ Spring Spirits
유사색 -30° +30°
- A29DAD
Indolence
- 9AA0AF
≈ Vesper Violet
- A99BA7
≈ Lavender Illusion
삼각 배색 +120° +240°
- A29DAD
Indolence
- AC9D92
≈ Simply Taupe
- 91A5A0
≈ Spruce Shade
분열 보색 +150° +210°
- A29DAD
Indolence
- A6A090
≈ Wooster Smoke
- 96A498
≈ Olive Soap
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.63:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.96:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.96:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--indolence: #a29dad;
--indolence-rgb: 162 157 173;
--indolence-oklch: oklch(0.705 0.024 300);
}
.element {
color: var(--indolence);
background-color: hsl(259 9% 65%);
border-color: oklch(0.705 0.024 300);
}Tailwind CSS v4
@theme {
--color-indolence: #a29dad;
--color-indolence-50: #f6f4fb;
--color-indolence-100: #e9e6ef;
--color-indolence-200: #d6d2dd;
--color-indolence-300: #b9b5c2;
--color-indolence-400: #a09cab;
--color-indolence-500: #888394;
--color-indolence-600: #736f7d;
--color-indolence-700: #5c5964;
--color-indolence-800: #43414a;
--color-indolence-900: #2e2d33;
--color-indolence-950: #1b1a1f;
}SCSS
$indolence: #a29dad;
$indolence-rgb: 162, 157, 173;
$indolence-light: mix(#fff, $indolence, 20%);
$indolence-dark: mix(#000, $indolence, 20%);
.element {
color: $indolence;
box-shadow: 0 0 0 2px rgba($indolence, 0.35);
}