Adlandırılmış renk · #D0A664
Burnside
Burnside, #D0A664: rgb(208 166 100), hsl(37 53% 60%), oklch(0.749 0.098 77.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Burnside color name →
#D0A664
oklch(0.749 0.098 77.7)
Renk dönüşümleri
- HEX
- #d0a664
- RGB
- rgb(208 166 100)
- HSL
- hsl(37 53% 60%)
- HWB
- hwb(37 39% 18%)
- OKLCH
- oklch(0.749 0.098 77.7)
- OKLab
- oklab(0.749 0.021 0.095)
- CIE Lab
- lab(70.97 10.11 40.07)
- LCH
- lch(70.97 41.33 75.8)
- CMYK
- cmyk(0% 20% 52% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D5AF74
- DAB884
- DEC194
- E3CAA3
- E8D2B2
- EDDBC2
- F1E4D1
- F6EDE0
- FAF6F0
Koyu tonlar
- B59056
- 9A7A48
- 80653B
- 67512E
- 4F3E22
- 392B16
- 231A0B
- 100A03
- 020100
Gri tonlar
- C8A268
- C09F6C
- B89B6F
- B09772
- A89375
- A09078
- 988C7A
- 90887C
- 88847E
Renk uyumları
Tamamlayıcı +180°
- D0A664
Burnside
- 87B0EB
≈ Fly Away
Analog -30° +30°
- D0A664
Burnside
- E19B77
≈ Mozzarella Covered Chorizo
- B4B267
≈ Rodham
Üçlü +120° +240°
- D0A664
Burnside
- 56C1C4
≈ Gem Turquoise
- C89AD6
≈ Mauve Mist
Bölünmüş tamamlayıcı +150° +210°
- D0A664
Burnside
- 65BADE
≈ Clear Weather
- AAA4E8
≈ Maximum Blue Purple
Dörtlü +90° +180° +270°
- D0A664
Burnside
- 6BC2A2
≈ Gem Silica
- 87B0EB
≈ Fly Away
- DC94B9
≈ Techno Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.25:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.32:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.32:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--burnside: #d0a664;
--burnside-rgb: 208 166 100;
--burnside-oklch: oklch(0.749 0.098 77.7);
}
.element {
color: var(--burnside);
background-color: hsl(37 53% 60%);
border-color: oklch(0.749 0.098 77.7);
}Tailwind CSS v4
@theme {
--color-burnside: #d0a664;
--color-burnside-50: #fff3d7;
--color-burnside-100: #f9e5c4;
--color-burnside-200: #ebd0a6;
--color-burnside-300: #d2b27e;
--color-burnside-400: #be9759;
--color-burnside-500: #aa7d31;
--color-burnside-600: #8f6a2b;
--color-burnside-700: #735522;
--color-burnside-800: #563d17;
--color-burnside-900: #3c2a0f;
--color-burnside-950: #261703;
}SCSS
$burnside: #d0a664;
$burnside-rgb: 208, 166, 100;
$burnside-light: mix(#fff, $burnside, 20%);
$burnside-dark: mix(#000, $burnside, 20%);
.element {
color: $burnside;
box-shadow: 0 0 0 2px rgba($burnside, 0.35);
}