이름 색상 · #828249
Basil Chiffonade
Basil Chiffonade은(는) #828249: rgb(130 130 73), hsl(60 28% 40%), oklch(0.593 0.078 108.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Basil Chiffonade color name →
#828249
oklch(0.593 0.078 108.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 8E8E5B
- 9A9A6D
- A6A67F
- B2B390
- BEBFA2
- CBCCB5
- D8D8C7
- E5E5D9
- F2F2EC
셰이드
- 70703E
- 5F5F34
- 4E4E2A
- 3E3E20
- 2F2F17
- 20200E
- 121206
- 060602
- 010100
톤
- 82824F
- 818256
- 81825B
- 818261
- 818166
- 81816C
- 808171
- 808176
- 80807B
색 조화
보색 +180°
- 828249
Basil Chiffonade
- 7C77AA
≈ Purple Rhapsody
유사색 -30° +30°
- 828249
Basil Chiffonade
- 987946
≈ Warm Spice
- 668A5C
≈ Hippie Green
삼각 배색 +120° +240°
- 828249
Basil Chiffonade
- 4787A3
≈ Raging Tide
- A16B86
≈ Pink Jazz
분열 보색 +150° +210°
- 828249
Basil Chiffonade
- 617FAD
≈ Deck Crew
- 926F9C
≈ Faded Purple
사각 배색 +90° +180° +270°
- 828249
Basil Chiffonade
- 3B8C8F
≈ Aqueous
- 7C77AA
≈ Purple Rhapsody
- A86B6C
≈ Delhi Spice
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.00:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.23:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
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);
}