이름 색상 · #F79A12
DodgeRoll Gold
DodgeRoll Gold은(는) #F79A12: rgb(247 154 18), hsl(36 93% 52%), oklch(0.764 0.166 66.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · DodgeRoll Gold color name →
#F79A12
oklch(0.764 0.166 66.9)
색상 변환
- HEX
- #f79a12
- RGB
- rgb(247 154 18)
- HSL
- hsl(36 93% 52%)
- HWB
- hwb(36 7% 3%)
- OKLCH
- oklch(0.764 0.166 66.9)
- OKLab
- oklab(0.764 0.065 0.152)
- CIE Lab
- lab(72.16 29.81 74.16)
- LCH
- lch(72.16 79.93 68.1)
- CMYK
- cmyk(0% 38% 93% 3%)
틴트 · 셰이드 · 톤
틴트
- F9A540
- FAAF5C
- FCBA73
- FDC489
- FECE9E
- FFD8B2
- FFE2C5
- FFECD9
- FFF5EC
셰이드
- D7850E
- B7710A
- 995E07
- 7C4B04
- 603902
- 452701
- 2C1701
- 150900
- 030100
톤
- EB9830
- DF9641
- D3944D
- C89158
- BC8F60
- B08C68
- A4896F
- 988675
- 8C837B
색 조화
보색 +180°
- F79A12
DodgeRoll Gold
- 6AB9FF
≈ Green Darner Tail
유사색 -30° +30°
- F79A12
DodgeRoll Gold
- FF8F6F
≈ Alexandria
- CFB100
≈ Mustard
삼각 배색 +120° +240°
- F79A12
DodgeRoll Gold
- 00CDC0
≈ Exquisite Turquoise
- CC96FF
≈ Lilás
분열 보색 +150° +210°
- F79A12
DodgeRoll Gold
- 00C7EA
≈ Picnic Day Sky
- 9FABFF
≈ Widowmaker
사각 배색 +90° +180° +270°
- F79A12
DodgeRoll Gold
- 37D186
≈ Envy’s Love
- 6AB9FF
≈ Green Darner Tail
- F386D9
≈ Splash of Grenadine
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.19:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.58:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.58:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--dodgeroll-gold: #f79a12;
--dodgeroll-gold-rgb: 247 154 18;
--dodgeroll-gold-oklch: oklch(0.764 0.166 66.9);
}
.element {
color: var(--dodgeroll-gold);
background-color: hsl(36 93% 52%);
border-color: oklch(0.764 0.166 66.9);
}Tailwind CSS v4
@theme {
--color-dodgeroll-gold: #f79a12;
--color-dodgeroll-gold-50: #ffedc2;
--color-dodgeroll-gold-100: #ffdfac;
--color-dodgeroll-gold-200: #ffc785;
--color-dodgeroll-gold-300: #eea750;
--color-dodgeroll-gold-400: #de8700;
--color-dodgeroll-gold-500: #cc6900;
--color-dodgeroll-gold-600: #ac5900;
--color-dodgeroll-gold-700: #8a4700;
--color-dodgeroll-gold-800: #683200;
--color-dodgeroll-gold-900: #492200;
--color-dodgeroll-gold-950: #301100;
}SCSS
$dodgeroll-gold: #f79a12;
$dodgeroll-gold-rgb: 247, 154, 18;
$dodgeroll-gold-light: mix(#fff, $dodgeroll-gold, 20%);
$dodgeroll-gold-dark: mix(#000, $dodgeroll-gold, 20%);
.element {
color: $dodgeroll-gold;
box-shadow: 0 0 0 2px rgba($dodgeroll-gold, 0.35);
}