이름 색상 · #EFB91B
Oregon Trail
Oregon Trail은(는) #EFB91B: rgb(239 185 27), hsl(45 87% 52%), oklch(0.813 0.161 86.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Oregon Trail color name →
#EFB91B
oklch(0.813 0.161 86.6)
색상 변환
- HEX
- #efb91b
- RGB
- rgb(239 185 27)
- HSL
- hsl(45 87% 52%)
- HWB
- hwb(45 11% 6%)
- OKLCH
- oklch(0.813 0.161 86.6)
- OKLab
- oklab(0.813 0.01 0.161)
- CIE Lab
- lab(78.49 11.06 76.33)
- LCH
- lch(78.49 77.13 81.8)
- CMYK
- cmyk(0% 23% 89% 6%)
틴트 · 셰이드 · 톤
틴트
- F1C047
- F3C862
- F4CF79
- F6D68E
- F8DDA2
- F9E4B6
- FBEBC8
- FCF2DB
- FEF8ED
셰이드
- D0A016
- B18911
- 94710C
- 785B08
- 5C4605
- 423102
- 2A1E01
- 140D00
- 030200
톤
- E4B436
- D8AE46
- CDA952
- C2A35C
- B69D64
- AB986B
- A09272
- 958C77
- 8B867C
색 조화
보색 +180°
- EFB91B
Oregon Trail
- A6C1FF
≈ Pastel Blue
유사색 -30° +30°
- EFB91B
Oregon Trail
- FFAC6E
≈ Transparent Orange
- BCCE42
≈ Golden Foliage
삼각 배색 +120° +240°
- EFB91B
Oregon Trail
- 00DAEE
≈ Thousand Sons Blue
- F79AF8
≈ Pinkalicious
분열 보색 +150° +210°
- EFB91B
Oregon Trail
- 78CDFF
≈ Bubbly Barracuda
- C8B3FF
≈ Teasel Dipsacus
사각 배색 +90° +180° +270°
- EFB91B
Oregon Trail
- 00E1BF
≈ Celestial Green
- A6C1FF
≈ Pastel Blue
- FFA1C3
≈ Taffy Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.80:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.62:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.62:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--oregon-trail: #efb91b;
--oregon-trail-rgb: 239 185 27;
--oregon-trail-oklch: oklch(0.813 0.161 86.6);
}
.element {
color: var(--oregon-trail);
background-color: hsl(45 87% 52%);
border-color: oklch(0.813 0.161 86.6);
}Tailwind CSS v4
@theme {
--color-oregon-trail: #efb91b;
--color-oregon-trail-50: #fff4c1;
--color-oregon-trail-100: #fee6aa;
--color-oregon-trail-200: #f0d181;
--color-oregon-trail-300: #d9b24a;
--color-oregon-trail-400: #c89600;
--color-oregon-trail-500: #b47a00;
--color-oregon-trail-600: #986800;
--color-oregon-trail-700: #7a5300;
--color-oregon-trail-800: #5c3c00;
--color-oregon-trail-900: #402900;
--color-oregon-trail-950: #291600;
}SCSS
$oregon-trail: #efb91b;
$oregon-trail-rgb: 239, 185, 27;
$oregon-trail-light: mix(#fff, $oregon-trail, 20%);
$oregon-trail-dark: mix(#000, $oregon-trail, 20%);
.element {
color: $oregon-trail;
box-shadow: 0 0 0 2px rgba($oregon-trail, 0.35);
}