Colore con nome · #D6C5A0
Aloof Lama
Aloof Lama è #D6C5A0: rgb(214 197 160), hsl(41 40% 73%), oklch(0.828 0.053 86.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Aloof Lama color name →
#D6C5A0
oklch(0.828 0.053 86.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- DACBA9
- DED0B3
- E2D6BC
- E6DCC6
- EAE2CF
- EFE8D9
- F3EDE2
- F7F3EC
- FBF9F5
Ombre
- BAAB8B
- 9E9276
- 847961
- 6A614E
- 524B3B
- 3B3529
- 252119
- 100E09
- 020201
Toni
- CDBE9D
- C4B79A
- BBB097
- B3A994
- AAA290
- A19B8D
- 99948A
- 918D87
- 888783
Armonie di colore
Complementare +180°
- D6C5A0
Aloof Lama
- B7C7EA
≈ Pale Wisteria
Analogo -30° +30°
- D6C5A0
Aloof Lama
- E2BFA6
≈ Group Hug
- C4CCA5
≈ Baize Green
Triadico +120° +240°
- D6C5A0
Aloof Lama
- 9FD1D8
≈ Tenzing
- DABBD9
≈ Posies
Complementare divisa +150° +210°
- D6C5A0
Aloof Lama
- A7CDE5
≈ Escape
- C9C0E6
≈ Party Hat
Tetradico +90° +180° +270°
- D6C5A0
Aloof Lama
- A3D3C5
≈ Refresh
- B7C7EA
≈ Pale Wisteria
- E4B9C8
≈ Japanese Rose Garden
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.35:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.35:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
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);
}