Nazwany kolor · #F79A12
DodgeRoll Gold
DodgeRoll Gold to #F79A12: rgb(247 154 18), hsl(36 93% 52%), oklch(0.764 0.166 66.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · DodgeRoll Gold color name →
#F79A12
oklch(0.764 0.166 66.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F9A540
- FAAF5C
- FCBA73
- FDC489
- FECE9E
- FFD8B2
- FFE2C5
- FFECD9
- FFF5EC
Odcienie ciemniejsze
- D7850E
- B7710A
- 995E07
- 7C4B04
- 603902
- 452701
- 2C1701
- 150900
- 030100
Tony
- EB9830
- DF9641
- D3944D
- C89158
- BC8F60
- B08C68
- A4896F
- 988675
- 8C837B
Harmonie kolorów
Komplementarna +180°
- F79A12
DodgeRoll Gold
- 6AB9FF
≈ Green Darner Tail
Analogowa -30° +30°
- F79A12
DodgeRoll Gold
- FF8F6F
≈ Alexandria
- CFB100
≈ Mustard
Triada +120° +240°
- F79A12
DodgeRoll Gold
- 00CDC0
≈ Exquisite Turquoise
- CC96FF
≈ Lilás
Komplementarna rozszczepiona +150° +210°
- F79A12
DodgeRoll Gold
- 00C7EA
≈ Picnic Day Sky
- 9FABFF
≈ Widowmaker
Tetrada +90° +180° +270°
- F79A12
DodgeRoll Gold
- 37D186
≈ Envy’s Love
- 6AB9FF
≈ Green Darner Tail
- F386D9
≈ Splash of Grenadine
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.19:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.58:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.58:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
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);
}