Adlandırılmış renk · #EDB508
Rucksack Tan
Rucksack Tan, #EDB508: rgb(237 181 8), hsl(45 93% 48%), oklch(0.802 0.163 85.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Rucksack Tan color name →
#EDB508
oklch(0.802 0.163 85.9)
Renk dönüşümleri
- HEX
- #edb508
- RGB
- rgb(237 181 8)
- HSL
- hsl(45 93% 48%)
- HWB
- hwb(45 3% 7%)
- OKLCH
- oklch(0.802 0.163 85.9)
- OKLab
- oklab(0.802 0.012 0.163)
- CIE Lab
- lab(77.27 12.03 78.09)
- LCH
- lch(77.27 79.01 81.2)
- CMYK
- cmyk(0% 24% 97% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFBD41
- F1C55E
- F3CC76
- F5D48C
- F7DBA0
- F8E3B4
- FAEAC7
- FCF1DA
- FDF8EC
Koyu tonlar
- CE9D06
- B08604
- 936F03
- 775902
- 5C4401
- 423001
- 2A1D00
- 140C00
- 030200
Gri tonlar
- E2B02F
- D7AB42
- CBA64F
- C0A159
- B59B62
- AB966A
- A09170
- 958B76
- 8B867B
Renk uyumları
Tamamlayıcı +180°
- EDB508
Rucksack Tan
- A0BDFF
≈ Pastel Blue
Analog -30° +30°
- EDB508
Rucksack Tan
- FFA766
≈ Echinoderm
- BACA3A
≈ Key Lime Pie
Üçlü +120° +240°
- EDB508
Rucksack Tan
- 00D7E9
≈ Thousand Sons Blue
- F497F6
≈ Party Pig
Bölünmüş tamamlayıcı +150° +210°
- EDB508
Rucksack Tan
- 6ECAFF
≈ Skyan
- C4B0FF
≈ Teasel Dipsacus
Dörtlü +90° +180° +270°
- EDB508
Rucksack Tan
- 00DDBB
≈ Celestial Green
- A0BDFF
≈ Pastel Blue
- FF9BC1
≈ Saira Red
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.87:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.21:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.21:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--rucksack-tan: #edb508;
--rucksack-tan-rgb: 237 181 8;
--rucksack-tan-oklch: oklch(0.802 0.163 85.9);
}
.element {
color: var(--rucksack-tan);
background-color: hsl(45 93% 48%);
border-color: oklch(0.802 0.163 85.9);
}Tailwind CSS v4
@theme {
--color-rucksack-tan: #edb508;
--color-rucksack-tan-50: #fff3c0;
--color-rucksack-tan-100: #ffe5a9;
--color-rucksack-tan-200: #f1d180;
--color-rucksack-tan-300: #dab248;
--color-rucksack-tan-400: #c99500;
--color-rucksack-tan-500: #b67a00;
--color-rucksack-tan-600: #996700;
--color-rucksack-tan-700: #7b5300;
--color-rucksack-tan-800: #5d3b00;
--color-rucksack-tan-900: #412900;
--color-rucksack-tan-950: #291600;
}SCSS
$rucksack-tan: #edb508;
$rucksack-tan-rgb: 237, 181, 8;
$rucksack-tan-light: mix(#fff, $rucksack-tan, 20%);
$rucksack-tan-dark: mix(#000, $rucksack-tan, 20%);
.element {
color: $rucksack-tan;
box-shadow: 0 0 0 2px rgba($rucksack-tan, 0.35);
}