Adlandırılmış renk · #D1A369
Great Dane
Great Dane, #D1A369: rgb(209 163 105), hsl(33 53% 62%), oklch(0.745 0.093 72.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Great Dane color name →
#D1A369
oklch(0.745 0.093 72.1)
Renk dönüşümleri
- HEX
- #d1a369
- RGB
- rgb(209 163 105)
- HSL
- hsl(33 53% 62%)
- HWB
- hwb(33 41% 18%)
- OKLCH
- oklch(0.745 0.093 72.1)
- OKLab
- oklab(0.745 0.029 0.088)
- CIE Lab
- lab(70.38 12.38 36.83)
- LCH
- lch(70.38 38.86 71.4)
- CMYK
- cmyk(0% 22% 50% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6AC79
- DBB588
- DFBE97
- E4C8A6
- E9D1B4
- EDDAC3
- F2E3D2
- F6ECE1
- FBF6F0
Koyu tonlar
- B58D5A
- 9B784C
- 81633E
- 684F31
- 503C24
- 392A18
- 23190C
- 100A04
- 020100
Gri tonlar
- C9A06C
- C19C6F
- B89972
- B09575
- A89277
- A08E79
- 988B7B
- 90877D
- 88847F
Renk uyumları
Tamamlayıcı +180°
- D1A369
Great Dane
- 81B0E6
≈ Lucea
Analog -30° +30°
- D1A369
Great Dane
- DF997E
≈ Light Terracotta
- B8AF68
≈ Summer Moss
Üçlü +120° +240°
- D1A369
Great Dane
- 5DBFBB
≈ Hygiene Green
- C09CD7
≈ Mauve Mist
Bölünmüş tamamlayıcı +150° +210°
- D1A369
Great Dane
- 64BAD7
≈ Baby Tears
- A3A5E6
≈ Simply Violet
Dörtlü +90° +180° +270°
- D1A369
Great Dane
- 74BF9B
≈ Gem Silica
- 81B0E6
≈ Lucea
- D695BD
≈ Soft Fuchsia
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.29:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.15:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--great-dane: #d1a369;
--great-dane-rgb: 209 163 105;
--great-dane-oklch: oklch(0.745 0.093 72.1);
}
.element {
color: var(--great-dane);
background-color: hsl(33 53% 62%);
border-color: oklch(0.745 0.093 72.1);
}Tailwind CSS v4
@theme {
--color-great-dane: #d1a369;
--color-great-dane-50: #fff2d9;
--color-great-dane-100: #fbe4c6;
--color-great-dane-200: #edcfa9;
--color-great-dane-300: #d4b182;
--color-great-dane-400: #c1965f;
--color-great-dane-500: #ac7b3a;
--color-great-dane-600: #916932;
--color-great-dane-700: #745428;
--color-great-dane-800: #573c1c;
--color-great-dane-900: #3d2912;
--color-great-dane-950: #261704;
}SCSS
$great-dane: #d1a369;
$great-dane-rgb: 209, 163, 105;
$great-dane-light: mix(#fff, $great-dane, 20%);
$great-dane-dark: mix(#000, $great-dane, 20%);
.element {
color: $great-dane;
box-shadow: 0 0 0 2px rgba($great-dane, 0.35);
}