En yakın adlandırılmış renk · #D08C37
#D08C37
En yakın adlandırılmış renk: Harvest at Dusk
#D08C37 (rgb(208 140 55), hsl(33 62% 52%), oklch(0.694 0.128 68.4)) en çok Harvest at Dusk adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D08C37
oklch(0.694 0.128 68.4)
Renk dönüşümleri
- HEX
- #d08c37
- RGB
- rgb(208 140 55)
- HSL
- hsl(33 62% 52%)
- HWB
- hwb(33 22% 18%)
- OKLCH
- oklch(0.694 0.128 68.4)
- OKLab
- oklab(0.694 0.047 0.119)
- CIE Lab
- lab(64.21 21.31 54.12)
- LCH
- lch(64.21 58.17 68.5)
- CMYK
- cmyk(0% 33% 74% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D59850
- DBA365
- E0AF79
- E4BA8D
- E9C6A0
- EED1B3
- F2DDC6
- F7E8D9
- FBF4EC
Koyu tonlar
- B5792E
- 9A6726
- 80551E
- 674316
- 4F330F
- 392308
- 231403
- 100701
- 020100
Gri tonlar
- C88B43
- C08A4D
- B88A55
- B0885D
- A98764
- A1866A
- 988570
- 908376
- 88827B
Renk uyumları
Tamamlayıcı +180°
- D08C37
Harvest at Dusk
- 56A2E8
≈ Feather Star
Analog -30° +30°
- D08C37
Harvest at Dusk
- DF7E5F
≈ Dry Peach
- B19D2D
≈ Martian
Üçlü +120° +240°
- D08C37
Harvest at Dusk
- 00B4AB
≈ Glass Jar Blue
- B385D9
≈ Lavender Blossom
Bölünmüş tamamlayıcı +150° +210°
- D08C37
Harvest at Dusk
- 00AED0
≈ Hú Lán Blue
- 8B93EB
≈ Perrywinkle
Dörtlü +90° +180° +270°
- D08C37
Harvest at Dusk
- 48B47E
≈ Ming Green
- 56A2E8
≈ Feather Star
- D07CB8
≈ Peruvian Lily
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.48:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--harvest-at-dusk: #d08c37;
--harvest-at-dusk-rgb: 208 140 55;
--harvest-at-dusk-oklch: oklch(0.694 0.128 68.4);
}
.element {
color: var(--harvest-at-dusk);
background-color: hsl(33 62% 52%);
border-color: oklch(0.694 0.128 68.4);
}Tailwind CSS v4
@theme {
--color-harvest-at-dusk: #d08c37;
--color-harvest-at-dusk-50: #fff0ce;
--color-harvest-at-dusk-100: #ffe1ba;
--color-harvest-at-dusk-200: #f8cb98;
--color-harvest-at-dusk-300: #e1ac6c;
--color-harvest-at-dusk-400: #d08f41;
--color-harvest-at-dusk-500: #bc7300;
--color-harvest-at-dusk-600: #9f6200;
--color-harvest-at-dusk-700: #804e00;
--color-harvest-at-dusk-800: #5f3801;
--color-harvest-at-dusk-900: #432602;
--color-harvest-at-dusk-950: #2b1400;
}SCSS
$harvest-at-dusk: #d08c37;
$harvest-at-dusk-rgb: 208, 140, 55;
$harvest-at-dusk-light: mix(#fff, $harvest-at-dusk, 20%);
$harvest-at-dusk-dark: mix(#000, $harvest-at-dusk, 20%);
.element {
color: $harvest-at-dusk;
box-shadow: 0 0 0 2px rgba($harvest-at-dusk, 0.35);
}