Colore con nome · #E0BB95
Lama
Lama è #E0BB95: rgb(224 187 149), hsl(30 55% 73%), oklch(0.815 0.066 67.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Lama color name →
#E0BB95
oklch(0.815 0.066 67.4)
Conversioni di colore
- HEX
- #e0bb95
- RGB
- rgb(224 187 149)
- HSL
- hsl(30 55% 73%)
- HWB
- hwb(30 58% 12%)
- OKLCH
- oklch(0.815 0.066 67.4)
- OKLab
- oklab(0.815 0.025 0.061)
- CIE Lab
- lab(78.48 9.77 24.53)
- LCH
- lch(78.48 26.4 68.3)
- CMYK
- cmyk(0% 17% 33% 12%)
Tinte · Ombre · Toni
Tinte
- E3C2A0
- E6C9AA
- EACFB5
- EDD6BF
- F0DDCA
- F3E4D4
- F6EADF
- F9F1EA
- FCF8F4
Ombre
- C3A281
- A68A6D
- 8A735A
- 705C48
- 564637
- 3E3226
- 271F16
- 120D08
- 020201
Toni
- D6B593
- CCAF91
- C2A98F
- B9A38D
- AF9D8B
- A69789
- 9C9187
- 938C85
- 898682
Armonie di colore
Complementare +180°
- E0BB95
Lama
- A1C7EC
≈ Baby Blue Eyes
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
- E0BB95
Lama
- 91CEDF
≈ Iqaluit Ice
- B7BFEE
≈ Larkspur Bud
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.79:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.71:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.71:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--lama: #e0bb95;
--lama-rgb: 224 187 149;
--lama-oklch: oklch(0.815 0.066 67.4);
}
.element {
color: var(--lama);
background-color: hsl(30 55% 73%);
border-color: oklch(0.815 0.066 67.4);
}Tailwind CSS v4
@theme {
--color-lama: #e0bb95;
--color-lama-50: #fff2e1;
--color-lama-100: #f7e5d1;
--color-lama-200: #e7d0b6;
--color-lama-300: #ceb293;
--color-lama-400: #b99774;
--color-lama-500: #a47e56;
--color-lama-600: #8a6b49;
--color-lama-700: #6f553a;
--color-lama-800: #523e29;
--color-lama-900: #392a1c;
--color-lama-950: #24180c;
}SCSS
$lama: #e0bb95;
$lama-rgb: 224, 187, 149;
$lama-light: mix(#fff, $lama, 20%);
$lama-dark: mix(#000, $lama, 20%);
.element {
color: $lama;
box-shadow: 0 0 0 2px rgba($lama, 0.35);
}