Benannte Farbe · #E49B0F
Gamboge
Gamboge ist #E49B0F: rgb(228 155 15), hsl(39 88% 48%), oklch(0.743 0.154 74.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Gamboge color name →
#E49B0F
oklch(0.743 0.154 74.7)
Farbumrechnungen
- HEX
- #e49b0f
- RGB
- rgb(228 155 15)
- HSL
- hsl(39 88% 48%)
- HWB
- hwb(39 6% 11%)
- OKLCH
- oklch(0.743 0.154 74.7)
- OKLab
- oklab(0.743 0.041 0.149)
- CIE Lab
- lab(70.03 21.35 71.9)
- LCH
- lch(70.03 75 73.5)
- CMYK
- cmyk(0% 32% 93% 11%)
Tints · Shades · Tones
Tints
- E7A53E
- EBB05A
- EEBA72
- F0C487
- F3CE9C
- F6D8B0
- F8E2C4
- FBECD8
- FDF5EB
Shades
- C6860B
- A97208
- 8D5E05
- 724B03
- 583902
- 3F2801
- 281800
- 120900
- 030100
Tones
- DA992E
- D0973F
- C6944C
- BC9256
- B28F5F
- A88C67
- 9E896E
- 948674
- 8A837A
Farbharmonien
Komplementär +180°
- E49B0F
Gamboge
- 6EAFFF
≈ Fennel Flower
Analog -30° +30°
- E49B0F
Gamboge
- FA8853
≈ Tiger of Mysore
- BBB011
≈ Citronelle
Triadisch +120° +240°
- E49B0F
Gamboge
- 00C4C4
≈ Cala Benirrás Blue
- D08CEF
≈ Bright Lilac
Geteilt komplementär +150° +210°
- E49B0F
Gamboge
- 00BDEE
≈ Blue Bikini
- A39EFF
≈ Cobalite
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.33:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.99:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--gamboge: #e49b0f;
--gamboge-rgb: 228 155 15;
--gamboge-oklch: oklch(0.743 0.154 74.7);
}
.element {
color: var(--gamboge);
background-color: hsl(39 88% 48%);
border-color: oklch(0.743 0.154 74.7);
}Tailwind CSS v4
@theme {
--color-gamboge: #e49b0f;
--color-gamboge-50: #fff0c4;
--color-gamboge-100: #ffe2ae;
--color-gamboge-200: #facc88;
--color-gamboge-300: #e4ac54;
--color-gamboge-400: #d38f06;
--color-gamboge-500: #c07200;
--color-gamboge-600: #a26100;
--color-gamboge-700: #824d00;
--color-gamboge-800: #623700;
--color-gamboge-900: #452600;
--color-gamboge-950: #2c1400;
}SCSS
$gamboge: #e49b0f;
$gamboge-rgb: 228, 155, 15;
$gamboge-light: mix(#fff, $gamboge, 20%);
$gamboge-dark: mix(#000, $gamboge, 20%);
.element {
color: $gamboge;
box-shadow: 0 0 0 2px rgba($gamboge, 0.35);
}