Benannte Farbe · #F48101
Romesco
Romesco ist #F48101: rgb(244 129 1), hsl(32 99% 48%), oklch(0.718 0.176 56). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Romesco color name →
#F48101
oklch(0.718 0.176 56)
Farbumrechnungen
- HEX
- #f48101
- RGB
- rgb(244 129 1)
- HSL
- hsl(32 99% 48%)
- HWB
- hwb(32 0% 4%)
- OKLCH
- oklch(0.718 0.176 56)
- OKLab
- oklab(0.718 0.098 0.146)
- CIE Lab
- lab(66.42 40.76 72.94)
- LCH
- lch(66.42 83.55 60.8)
- CMYK
- cmyk(0% 47% 100% 4%)
Tints · Shades · Tones
Tints
- F78F39
- F99C55
- FBA96D
- FDB684
- FEC299
- FFCFAE
- FFDBC2
- FFE7D6
- FFF3EB
Shades
- D46F01
- B55E01
- 974E00
- 7A3E00
- 5E2E00
- 441F00
- 2B1200
- 140600
- 030100
Tones
- E98228
- DE833A
- D28348
- C78453
- BB845C
- B08364
- A4836C
- 988273
- 8C817A
Farbharmonien
Komplementär +180°
- F48101
Romesco
- 00B1F7
≈ Democrat
Analog -30° +30°
- F48101
Romesco
- FF7168
≈ Manila Sunset
- CD9C00
≈ Vivid Amber
Triadisch +120° +240°
- F48101
Romesco
- 00BFA1
≈ First Post
- AE8BFF
≈ Lilac Geode
Geteilt komplementär +150° +210°
- F48101
Romesco
- 00B9CA
≈ Utopia Beckons
- 79A0FF
≈ Fennel Flower
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.62:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.98:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.98:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--romesco: #f48101;
--romesco-rgb: 244 129 1;
--romesco-oklch: oklch(0.718 0.176 56);
}
.element {
color: var(--romesco);
background-color: hsl(32 99% 48%);
border-color: oklch(0.718 0.176 56);
}Tailwind CSS v4
@theme {
--color-romesco: #f48101;
--color-romesco-50: #ffeac4;
--color-romesco-100: #ffdaae;
--color-romesco-200: #ffc187;
--color-romesco-300: #fa9f54;
--color-romesco-400: #ea7e12;
--color-romesco-500: #d85c00;
--color-romesco-600: #b74f00;
--color-romesco-700: #933f00;
--color-romesco-800: #6e2c00;
--color-romesco-900: #4e1e00;
--color-romesco-950: #330d00;
}SCSS
$romesco: #f48101;
$romesco-rgb: 244, 129, 1;
$romesco-light: mix(#fff, $romesco, 20%);
$romesco-dark: mix(#000, $romesco, 20%);
.element {
color: $romesco;
box-shadow: 0 0 0 2px rgba($romesco, 0.35);
}