Colore con nome · #D8C6B4
Brazilian Sand
Brazilian Sand è #D8C6B4: rgb(216 198 180), hsl(30 32% 78%), oklch(0.837 0.032 67.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Brazilian Sand color name →
#D8C6B4
oklch(0.837 0.032 67.4)
Conversioni di colore
- HEX
- #d8c6b4
- RGB
- rgb(216 198 180)
- HSL
- hsl(30 32% 78%)
- HWB
- hwb(30 71% 15%)
- OKLCH
- oklch(0.837 0.032 67.4)
- OKLab
- oklab(0.837 0.012 0.029)
- CIE Lab
- lab(81.03 4.36 11.46)
- LCH
- lch(81.03 12.26 69.2)
- CMYK
- cmyk(0% 8% 17% 15%)
Tinte · Ombre · Toni
Tinte
- DCCCBB
- E0D1C3
- E4D7CA
- E8DDD2
- EBE2D9
- EFE8E1
- F3EEE8
- F7F3F0
- FBF9F7
Ombre
- BCAC9C
- A09285
- 857A6E
- 6B6258
- 534B44
- 3B3530
- 25211D
- 110E0C
- 020202
Toni
- CFBFAF
- C6B8A9
- BDB0A4
- B4A99F
- ABA29A
- A29B95
- 9A948F
- 918E8A
- 888785
Armonie di colore
Complementare +180°
- D8C6B4
Brazilian Sand
- BACCDE
≈ Arctic Grey
Analogo -30° +30°
- D8C6B4
Brazilian Sand
- DDC3BB
≈ Thulite Rose
- CFCAB3
≈ Skipping Stone
Triadico +120° +240°
- D8C6B4
Brazilian Sand
- B3D1CD
≈ Icy Morn
- CFC4DA
≈ Lavender Bliss
Complementare divisa +150° +210°
- D8C6B4
Brazilian Sand
- B3CFD7
≈ Heaven
- C4C8DF
≈ Silver Sweetpea
Tetradico +90° +180° +270°
- D8C6B4
Brazilian Sand
- B9D0C1
≈ Quiet Drizzle
- BACCDE
≈ Arctic Grey
- D8C2D1
≈ Chinaberry Bloom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.65:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.65:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.65:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--brazilian-sand: #d8c6b4;
--brazilian-sand-rgb: 216 198 180;
--brazilian-sand-oklch: oklch(0.837 0.032 67.4);
}
.element {
color: var(--brazilian-sand);
background-color: hsl(30 32% 78%);
border-color: oklch(0.837 0.032 67.4);
}Tailwind CSS v4
@theme {
--color-brazilian-sand: #d8c6b4;
--color-brazilian-sand-50: #fbf4ec;
--color-brazilian-sand-100: #efe6dd;
--color-brazilian-sand-200: #ddd2c6;
--color-brazilian-sand-300: #c2b5a6;
--color-brazilian-sand-400: #ac9b8b;
--color-brazilian-sand-500: #958370;
--color-brazilian-sand-600: #7e6f5f;
--color-brazilian-sand-700: #65584c;
--color-brazilian-sand-800: #4a4037;
--color-brazilian-sand-900: #342c26;
--color-brazilian-sand-950: #1f1914;
}SCSS
$brazilian-sand: #d8c6b4;
$brazilian-sand-rgb: 216, 198, 180;
$brazilian-sand-light: mix(#fff, $brazilian-sand, 20%);
$brazilian-sand-dark: mix(#000, $brazilian-sand, 20%);
.element {
color: $brazilian-sand;
box-shadow: 0 0 0 2px rgba($brazilian-sand, 0.35);
}