Colore con nome · #DAC6A1
Light Bamboo
Light Bamboo è #DAC6A1: rgb(218 198 161), hsl(39 44% 74%), oklch(0.834 0.054 82.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Light Bamboo color name →
#DAC6A1
oklch(0.834 0.054 82.8)
Conversioni di colore
- HEX
- #dac6a1
- RGB
- rgb(218 198 161)
- HSL
- hsl(39 44% 74%)
- HWB
- hwb(39 63% 15%)
- OKLCH
- oklch(0.834 0.054 82.8)
- OKLab
- oklab(0.834 0.007 0.054)
- CIE Lab
- lab(80.87 3.1 21.31)
- LCH
- lch(80.87 21.53 81.7)
- CMYK
- cmyk(0% 9% 26% 15%)
Tinte · Ombre · Toni
Tinte
- DECCAA
- E1D1B4
- E5D7BD
- E9DDC6
- ECE2D0
- F0E8D9
- F4EEE3
- F8F4EC
- FBF9F5
Ombre
- BDAC8B
- A29276
- 877A62
- 6C624E
- 544B3C
- 3C352A
- 252119
- 110E09
- 020201
Toni
- D1BF9E
- C7B89B
- BEB197
- B5A994
- ACA291
- A39B8E
- 9A958A
- 918E87
- 898783
Armonie di colore
Complementare +180°
- DAC6A1
Light Bamboo
- B6C9ED
≈ Tropical Blue
Analogo -30° +30°
- DAC6A1
Light Bamboo
- E6C0A8
≈ Biscuit Beige
- C8CDA5
≈ Baize Green
Triadico +120° +240°
- DAC6A1
Light Bamboo
- 9FD4D8
≈ Dulcet
- DABDDE
≈ Faded Violet
Complementare divisa +150° +210°
- DAC6A1
Light Bamboo
- A6CFE7
≈ Cielo
- C9C3EA
≈ Violet Gems
Tetradico +90° +180° +270°
- DAC6A1
Light Bamboo
- A5D5C5
≈ Southern Belle
- B6C9ED
≈ Tropical Blue
- E6BBCC
≈ Pink Mist
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.67:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.57:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.57:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--light-bamboo: #dac6a1;
--light-bamboo-rgb: 218 198 161;
--light-bamboo-oklch: oklch(0.834 0.054 82.8);
}
.element {
color: var(--light-bamboo);
background-color: hsl(39 44% 74%);
border-color: oklch(0.834 0.054 82.8);
}Tailwind CSS v4
@theme {
--color-light-bamboo: #dac6a1;
--color-light-bamboo-50: #fcf4e4;
--color-light-bamboo-100: #f0e7d4;
--color-light-bamboo-200: #dfd3bb;
--color-light-bamboo-300: #c4b698;
--color-light-bamboo-400: #ae9c7a;
--color-light-bamboo-500: #98835c;
--color-light-bamboo-600: #806f4f;
--color-light-bamboo-700: #67593f;
--color-light-bamboo-800: #4c412d;
--color-light-bamboo-900: #352d1e;
--color-light-bamboo-950: #201a0e;
}SCSS
$light-bamboo: #dac6a1;
$light-bamboo-rgb: 218, 198, 161;
$light-bamboo-light: mix(#fff, $light-bamboo, 20%);
$light-bamboo-dark: mix(#000, $light-bamboo, 20%);
.element {
color: $light-bamboo;
box-shadow: 0 0 0 2px rgba($light-bamboo, 0.35);
}