Nazwany kolor · #EB9600
Gold Fusion
Gold Fusion to #EB9600: rgb(235 150 0), hsl(38 100% 46%), oklch(0.742 0.161 69.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Gold Fusion color name →
#EB9600
oklch(0.742 0.161 69.7)
Konwersje koloru
- HEX
- #eb9600
- RGB
- rgb(235 150 0)
- HSL
- hsl(38 100% 46%)
- HWB
- hwb(38 0% 8%)
- OKLCH
- oklch(0.742 0.161 69.7)
- OKLab
- oklab(0.742 0.056 0.151)
- CIE Lab
- lab(69.72 26.72 74.15)
- LCH
- lch(69.72 78.82 70.2)
- CMYK
- cmyk(0% 36% 100% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEA13B
- F1AC58
- F3B770
- F5C186
- F7CC9B
- F9D6AF
- FBE1C3
- FDEBD7
- FEF5EB
Odcienie ciemniejsze
- CC8200
- AE6E00
- 915B00
- 754900
- 5B3700
- 412600
- 291600
- 130800
- 030100
Tony
- E0942A
- D6933C
- CB914A
- C08F54
- B68D5E
- AB8B66
- A0886D
- 968674
- 8B837A
Harmonie kolorów
Komplementarna +180°
- EB9600
Gold Fusion
- 61B1FF
≈ Tiān Lán Sky
Analogowa -30° +30°
- EB9600
Gold Fusion
- FF8358
≈ Ballet Cream
- C3AC00
≈ Muddy Yellow
Triada +120° +240°
- EB9600
Gold Fusion
- 00C5BD
≈ Swimmers Pool
- CA8CF7
≈ Liliac
Komplementarna rozszczepiona +150° +210°
- EB9600
Gold Fusion
- 00BEE6
≈ Blue Raspberry
- 9BA1FF
≈ Cobalite
Tetrada +90° +180° +270°
- EB9600
Gold Fusion
- 24CA87
≈ Retro Lime
- 61B1FF
≈ Tiān Lán Sky
- ED7FCC
≈ Blushed Bombshell
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.36:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.89:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.89:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--gold-fusion: #eb9600;
--gold-fusion-rgb: 235 150 0;
--gold-fusion-oklch: oklch(0.742 0.161 69.7);
}
.element {
color: var(--gold-fusion);
background-color: hsl(38 100% 46%);
border-color: oklch(0.742 0.161 69.7);
}Tailwind CSS v4
@theme {
--color-gold-fusion: #eb9600;
--color-gold-fusion-50: #ffeec3;
--color-gold-fusion-100: #ffe0ad;
--color-gold-fusion-200: #ffc986;
--color-gold-fusion-300: #eaa951;
--color-gold-fusion-400: #da8a00;
--color-gold-fusion-500: #c76c00;
--color-gold-fusion-600: #a85c00;
--color-gold-fusion-700: #874a00;
--color-gold-fusion-800: #653400;
--color-gold-fusion-900: #472400;
--color-gold-fusion-950: #2e1200;
}SCSS
$gold-fusion: #eb9600;
$gold-fusion-rgb: 235, 150, 0;
$gold-fusion-light: mix(#fff, $gold-fusion, 20%);
$gold-fusion-dark: mix(#000, $gold-fusion, 20%);
.element {
color: $gold-fusion;
box-shadow: 0 0 0 2px rgba($gold-fusion, 0.35);
}