이름 색상 · #EE9922
Burning Trail
Burning Trail은(는) #EE9922: rgb(238 153 34), hsl(35 86% 53%), oklch(0.752 0.156 68.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Burning Trail color name →
#EE9922
oklch(0.752 0.156 68.2)
색상 변환
- HEX
- #ee9922
- RGB
- rgb(238 153 34)
- HSL
- hsl(35 86% 53%)
- HWB
- hwb(35 13% 7%)
- OKLCH
- oklch(0.752 0.156 68.2)
- OKLab
- oklab(0.752 0.058 0.145)
- CIE Lab
- lab(70.84 26.79 69)
- LCH
- lch(70.84 74.02 68.8)
- CMYK
- cmyk(0% 36% 86% 7%)
틴트 · 셰이드 · 톤
틴트
- F1A446
- F3AE5F
- F5B976
- F7C38B
- F9CD9F
- FBD7B2
- FCE1C6
- FDEBD9
- FEF5EC
셰이드
- CF841C
- B17016
- 935D11
- 774A0B
- 5C3807
- 422703
- 2A1701
- 140800
- 030100
톤
- E39737
- D89545
- CD9350
- C2915A
- B78E62
- AC8C69
- A1896F
- 968675
- 8B837B
색 조화
보색 +180°
- EE9922
Burning Trail
- 64B5FF
≈ Tiān Lán Sky
유사색 -30° +30°
- EE9922
Burning Trail
- FF8863
≈ Protein High
- C9AE00
≈ Brownish Yellow
삼각 배색 +120° +240°
- EE9922
Burning Trail
- 00C9BE
≈ Pristine Oceanic
- CA91FA
≈ Liliac
분열 보색 +150° +210°
- EE9922
Burning Trail
- 00C2E7
≈ Blue Raspberry
- 9CA6FF
≈ Widowmaker
사각 배색 +90° +180° +270°
- EE9922
Burning Trail
- 3BCC88
≈ Magical Malachite
- 64B5FF
≈ Tiān Lán Sky
- ED85D0
≈ Blushed Bombshell
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.27:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.21:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.21:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--burning-trail: #ee9922;
--burning-trail-rgb: 238 153 34;
--burning-trail-oklch: oklch(0.752 0.156 68.2);
}
.element {
color: var(--burning-trail);
background-color: hsl(35 86% 53%);
border-color: oklch(0.752 0.156 68.2);
}Tailwind CSS v4
@theme {
--color-burning-trail: #ee9922;
--color-burning-trail-50: #ffeec5;
--color-burning-trail-100: #ffe0af;
--color-burning-trail-200: #ffc989;
--color-burning-trail-300: #eaa957;
--color-burning-trail-400: #d98a16;
--color-burning-trail-500: #c76c00;
--color-burning-trail-600: #a85c00;
--color-burning-trail-700: #874a00;
--color-burning-trail-800: #653400;
--color-burning-trail-900: #472400;
--color-burning-trail-950: #2e1200;
}SCSS
$burning-trail: #ee9922;
$burning-trail-rgb: 238, 153, 34;
$burning-trail-light: mix(#fff, $burning-trail, 20%);
$burning-trail-dark: mix(#000, $burning-trail, 20%);
.element {
color: $burning-trail;
box-shadow: 0 0 0 2px rgba($burning-trail, 0.35);
}