Adlandırılmış renk · #D5A68D
Coronado Dunes
Coronado Dunes, #D5A68D: rgb(213 166 141), hsl(21 46% 69%), oklch(0.762 0.066 49.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Coronado Dunes color name →
#D5A68D
oklch(0.762 0.066 49.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D9AF98
- DEB8A3
- E2C0AF
- E7C9BA
- EBD2C5
- EFDBD1
- F3E4DC
- F7EDE8
- FBF6F3
Koyu tonlar
- B9907A
- 9E7A67
- 836555
- 6A5144
- 513E33
- 3A2B23
- 241A14
- 100A07
- 020101
Gri tonlar
- CCA28C
- C49E8B
- BB9B8A
- B39788
- AA9387
- A28F86
- 998C84
- 918883
- 888481
Renk uyumları
Tamamlayıcı +180°
- D5A68D
Coronado Dunes
- 86BAD3
≈ Juvie
Analog -30° +30°
- D5A68D
Coronado Dunes
- D9A1A1
≈ Rosetti Pink
- C8AD82
≈ Mindful
Üçlü +120° +240°
- D5A68D
Coronado Dunes
- 88C0AB
≈ Seaborn
- B0ABD9
≈ Purple Hibiscus
Bölünmüş tamamlayıcı +150° +210°
- D5A68D
Coronado Dunes
- 7FBFC2
≈ Pure Turquoise
- 99B3DC
≈ Myrtle Flower
Dörtlü +90° +180° +270°
- D5A68D
Coronado Dunes
- 9DBC94
≈ Quiet Green
- 86BAD3
≈ Juvie
- C4A5CC
≈ Tea Towel
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.17:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.66:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.66:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
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);
}