Adlandırılmış renk · #F79A12
DodgeRoll Gold
DodgeRoll Gold, #F79A12: rgb(247 154 18), hsl(36 93% 52%), oklch(0.764 0.166 66.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · DodgeRoll Gold color name →
#F79A12
oklch(0.764 0.166 66.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F9A540
- FAAF5C
- FCBA73
- FDC489
- FECE9E
- FFD8B2
- FFE2C5
- FFECD9
- FFF5EC
Koyu tonlar
- D7850E
- B7710A
- 995E07
- 7C4B04
- 603902
- 452701
- 2C1701
- 150900
- 030100
Gri tonlar
- EB9830
- DF9641
- D3944D
- C89158
- BC8F60
- B08C68
- A4896F
- 988675
- 8C837B
Renk uyumları
Tamamlayıcı +180°
- F79A12
DodgeRoll Gold
- 6AB9FF
≈ Green Darner Tail
Analog -30° +30°
- F79A12
DodgeRoll Gold
- FF8F6F
≈ Alexandria
- CFB100
≈ Mustard
Üçlü +120° +240°
- F79A12
DodgeRoll Gold
- 00CDC0
≈ Exquisite Turquoise
- CC96FF
≈ Lilás
Bölünmüş tamamlayıcı +150° +210°
- F79A12
DodgeRoll Gold
- 00C7EA
≈ Picnic Day Sky
- 9FABFF
≈ Widowmaker
Dörtlü +90° +180° +270°
- F79A12
DodgeRoll Gold
- 37D186
≈ Envy’s Love
- 6AB9FF
≈ Green Darner Tail
- F386D9
≈ Splash of Grenadine
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.19:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.58:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.58:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
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);
}