이름 색상 · #EDB508
Rucksack Tan
Rucksack Tan은(는) #EDB508: rgb(237 181 8), hsl(45 93% 48%), oklch(0.802 0.163 85.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Rucksack Tan color name →
#EDB508
oklch(0.802 0.163 85.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- EFBD41
- F1C55E
- F3CC76
- F5D48C
- F7DBA0
- F8E3B4
- FAEAC7
- FCF1DA
- FDF8EC
셰이드
- CE9D06
- B08604
- 936F03
- 775902
- 5C4401
- 423001
- 2A1D00
- 140C00
- 030200
톤
- E2B02F
- D7AB42
- CBA64F
- C0A159
- B59B62
- AB966A
- A09170
- 958B76
- 8B867B
색 조화
보색 +180°
- EDB508
Rucksack Tan
- A0BDFF
≈ Pastel Blue
유사색 -30° +30°
- EDB508
Rucksack Tan
- FFA766
≈ Echinoderm
- BACA3A
≈ Key Lime Pie
삼각 배색 +120° +240°
- EDB508
Rucksack Tan
- 00D7E9
≈ Thousand Sons Blue
- F497F6
≈ Party Pig
분열 보색 +150° +210°
- EDB508
Rucksack Tan
- 6ECAFF
≈ Skyan
- C4B0FF
≈ Teasel Dipsacus
사각 배색 +90° +180° +270°
- EDB508
Rucksack Tan
- 00DDBB
≈ Celestial Green
- A0BDFF
≈ Pastel Blue
- FF9BC1
≈ Saira Red
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.87:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.21:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.21:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
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);
}