이름 색상 · #D6C5A0
Aloof Lama
Aloof Lama은(는) #D6C5A0: rgb(214 197 160), hsl(41 40% 73%), oklch(0.828 0.053 86.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Aloof Lama color name →
#D6C5A0
oklch(0.828 0.053 86.2)
색상 변환
- HEX
- #d6c5a0
- RGB
- rgb(214 197 160)
- HSL
- hsl(41 40% 73%)
- HWB
- hwb(41 63% 16%)
- OKLCH
- oklch(0.828 0.053 86.2)
- OKLab
- oklab(0.828 0.003 0.053)
- CIE Lab
- lab(80.25 1.94 20.92)
- LCH
- lch(80.25 21.01 84.7)
- CMYK
- cmyk(0% 8% 25% 16%)
틴트 · 셰이드 · 톤
틴트
- DACBA9
- DED0B3
- E2D6BC
- E6DCC6
- EAE2CF
- EFE8D9
- F3EDE2
- F7F3EC
- FBF9F5
셰이드
- BAAB8B
- 9E9276
- 847961
- 6A614E
- 524B3B
- 3B3529
- 252119
- 100E09
- 020201
톤
- CDBE9D
- C4B79A
- BBB097
- B3A994
- AAA290
- A19B8D
- 99948A
- 918D87
- 888783
색 조화
보색 +180°
- D6C5A0
Aloof Lama
- B7C7EA
≈ Pale Wisteria
유사색 -30° +30°
- D6C5A0
Aloof Lama
- E2BFA6
≈ Group Hug
- C4CCA5
≈ Baize Green
삼각 배색 +120° +240°
- D6C5A0
Aloof Lama
- 9FD1D8
≈ Tenzing
- DABBD9
≈ Posies
분열 보색 +150° +210°
- D6C5A0
Aloof Lama
- A7CDE5
≈ Escape
- C9C0E6
≈ Party Hat
사각 배색 +90° +180° +270°
- D6C5A0
Aloof Lama
- A3D3C5
≈ Refresh
- B7C7EA
≈ Pale Wisteria
- E4B9C8
≈ Japanese Rose Garden
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.69:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.35:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.35:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--aloof-lama: #d6c5a0;
--aloof-lama-rgb: 214 197 160;
--aloof-lama-oklch: oklch(0.828 0.053 86.2);
}
.element {
color: var(--aloof-lama);
background-color: hsl(41 40% 73%);
border-color: oklch(0.828 0.053 86.2);
}Tailwind CSS v4
@theme {
--color-aloof-lama: #d6c5a0;
--color-aloof-lama-50: #fbf5e4;
--color-aloof-lama-100: #efe7d4;
--color-aloof-lama-200: #ded3bb;
--color-aloof-lama-300: #c3b699;
--color-aloof-lama-400: #ac9d7b;
--color-aloof-lama-500: #96845d;
--color-aloof-lama-600: #7f704f;
--color-aloof-lama-700: #65593f;
--color-aloof-lama-800: #4b412d;
--color-aloof-lama-900: #342d1e;
--color-aloof-lama-950: #201a0e;
}SCSS
$aloof-lama: #d6c5a0;
$aloof-lama-rgb: 214, 197, 160;
$aloof-lama-light: mix(#fff, $aloof-lama, 20%);
$aloof-lama-dark: mix(#000, $aloof-lama, 20%);
.element {
color: $aloof-lama;
box-shadow: 0 0 0 2px rgba($aloof-lama, 0.35);
}