Colore con nome · #D5A68D
Coronado Dunes
Coronado Dunes è #D5A68D: rgb(213 166 141), hsl(21 46% 69%), oklch(0.762 0.066 49.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Coronado Dunes color name →
#D5A68D
oklch(0.762 0.066 49.3)
Conversioni di colore
- HEX
- #d5a68d
- RGB
- rgb(213 166 141)
- HSL
- hsl(21 46% 69%)
- HWB
- hwb(21 55% 16%)
- OKLCH
- oklch(0.762 0.066 49.3)
- OKLab
- oklab(0.762 0.043 0.05)
- CIE Lab
- lab(72.06 15.33 19.97)
- LCH
- lch(72.06 25.17 52.5)
- CMYK
- cmyk(0% 22% 34% 16%)
Tinte · Ombre · Toni
Tinte
- D9AF98
- DEB8A3
- E2C0AF
- E7C9BA
- EBD2C5
- EFDBD1
- F3E4DC
- F7EDE8
- FBF6F3
Ombre
- B9907A
- 9E7A67
- 836555
- 6A5144
- 513E33
- 3A2B23
- 241A14
- 100A07
- 020101
Toni
- CCA28C
- C49E8B
- BB9B8A
- B39788
- AA9387
- A28F86
- 998C84
- 918883
- 888481
Armonie di colore
Complementare +180°
- D5A68D
Coronado Dunes
- 86BAD3
≈ Juvie
Analogo -30° +30°
- D5A68D
Coronado Dunes
- D9A1A1
≈ Rosetti Pink
- C8AD82
≈ Mindful
Triadico +120° +240°
- D5A68D
Coronado Dunes
- 88C0AB
≈ Seaborn
- B0ABD9
≈ Purple Hibiscus
Complementare divisa +150° +210°
- D5A68D
Coronado Dunes
- 7FBFC2
≈ Pure Turquoise
- 99B3DC
≈ Myrtle Flower
Tetradico +90° +180° +270°
- D5A68D
Coronado Dunes
- 9DBC94
≈ Quiet Green
- 86BAD3
≈ Juvie
- C4A5CC
≈ Tea Towel
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.17:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.66:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.66:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--coronado-dunes: #d5a68d;
--coronado-dunes-rgb: 213 166 141;
--coronado-dunes-oklch: oklch(0.762 0.066 49.3);
}
.element {
color: var(--coronado-dunes);
background-color: hsl(21 46% 69%);
border-color: oklch(0.762 0.066 49.3);
}Tailwind CSS v4
@theme {
--color-coronado-dunes: #d5a68d;
--color-coronado-dunes-50: #fff0e5;
--color-coronado-dunes-100: #fbe2d5;
--color-coronado-dunes-200: #eccdbb;
--color-coronado-dunes-300: #d4af99;
--color-coronado-dunes-400: #bf937c;
--color-coronado-dunes-500: #aa795f;
--color-coronado-dunes-600: #906751;
--color-coronado-dunes-700: #735240;
--color-coronado-dunes-800: #563b2f;
--color-coronado-dunes-900: #3c291f;
--color-coronado-dunes-950: #25170f;
}SCSS
$coronado-dunes: #d5a68d;
$coronado-dunes-rgb: 213, 166, 141;
$coronado-dunes-light: mix(#fff, $coronado-dunes, 20%);
$coronado-dunes-dark: mix(#000, $coronado-dunes, 20%);
.element {
color: $coronado-dunes;
box-shadow: 0 0 0 2px rgba($coronado-dunes, 0.35);
}