Adlandırılmış renk · #828249
Basil Chiffonade
Basil Chiffonade, #828249: rgb(130 130 73), hsl(60 28% 40%), oklch(0.593 0.078 108.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Basil Chiffonade color name →
#828249
oklch(0.593 0.078 108.6)
Renk dönüşümleri
- HEX
- #828249
- RGB
- rgb(130 130 73)
- HSL
- hsl(60 28% 40%)
- HWB
- hwb(60 29% 49%)
- OKLCH
- oklch(0.593 0.078 108.6)
- OKLab
- oklab(0.593 -0.025 0.074)
- CIE Lab
- lab(53.36 -6.55 30.72)
- LCH
- lch(53.36 31.41 102)
- CMYK
- cmyk(0% 0% 44% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8E8E5B
- 9A9A6D
- A6A67F
- B2B390
- BEBFA2
- CBCCB5
- D8D8C7
- E5E5D9
- F2F2EC
Koyu tonlar
- 70703E
- 5F5F34
- 4E4E2A
- 3E3E20
- 2F2F17
- 20200E
- 121206
- 060602
- 010100
Gri tonlar
- 82824F
- 818256
- 81825B
- 818261
- 818166
- 81816C
- 808171
- 808176
- 80807B
Renk uyumları
Tamamlayıcı +180°
- 828249
Basil Chiffonade
- 7C77AA
≈ Purple Rhapsody
Analog -30° +30°
- 828249
Basil Chiffonade
- 987946
≈ Warm Spice
- 668A5C
≈ Hippie Green
Üçlü +120° +240°
- 828249
Basil Chiffonade
- 4787A3
≈ Raging Tide
- A16B86
≈ Pink Jazz
Bölünmüş tamamlayıcı +150° +210°
- 828249
Basil Chiffonade
- 617FAD
≈ Deck Crew
- 926F9C
≈ Faded Purple
Dörtlü +90° +180° +270°
- 828249
Basil Chiffonade
- 3B8C8F
≈ Aqueous
- 7C77AA
≈ Purple Rhapsody
- A86B6C
≈ Delhi Spice
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.00:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.23:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--basil-chiffonade: #828249;
--basil-chiffonade-rgb: 130 130 73;
--basil-chiffonade-oklch: oklch(0.593 0.078 108.6);
}
.element {
color: var(--basil-chiffonade);
background-color: hsl(60 28% 40%);
border-color: oklch(0.593 0.078 108.6);
}Tailwind CSS v4
@theme {
--color-basil-chiffonade: #828249;
--color-basil-chiffonade-50: #f6f8de;
--color-basil-chiffonade-100: #e9ebcd;
--color-basil-chiffonade-200: #d5d8b2;
--color-basil-chiffonade-300: #b9bc8d;
--color-basil-chiffonade-400: #a2a26c;
--color-basil-chiffonade-500: #8a8a4a;
--color-basil-chiffonade-600: #757540;
--color-basil-chiffonade-700: #5e5e33;
--color-basil-chiffonade-800: #464423;
--color-basil-chiffonade-900: #302f17;
--color-basil-chiffonade-950: #1c1c08;
}SCSS
$basil-chiffonade: #828249;
$basil-chiffonade-rgb: 130, 130, 73;
$basil-chiffonade-light: mix(#fff, $basil-chiffonade, 20%);
$basil-chiffonade-dark: mix(#000, $basil-chiffonade, 20%);
.element {
color: $basil-chiffonade;
box-shadow: 0 0 0 2px rgba($basil-chiffonade, 0.35);
}