Benannte Farbe · #EEC7A2
Negroni
Negroni ist #EEC7A2: rgb(238 199 162), hsl(29 69% 78%), oklch(0.854 0.066 65.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Negroni color name →
#EEC7A2
oklch(0.854 0.066 65.2)
Farbumrechnungen
- HEX
- #eec7a2
- RGB
- rgb(238 199 162)
- HSL
- hsl(29 69% 78%)
- HWB
- hwb(29 64% 7%)
- OKLCH
- oklch(0.854 0.066 65.2)
- OKLab
- oklab(0.854 0.028 0.06)
- CIE Lab
- lab(83 10.45 24.02)
- LCH
- lch(83 26.2 66.5)
- CMYK
- cmyk(0% 16% 32% 7%)
Tints · Shades · Tones
Tints
- F0CDAB
- F2D2B5
- F4D8BE
- F5DDC7
- F7E3D0
- F9E9DA
- FAEEE3
- FCF4EC
- FDF9F6
Shades
- CFAD8C
- B19377
- 937A63
- 77624F
- 5C4C3C
- 42362A
- 2A2119
- 140E0A
- 030201
Tones
- E3C09F
- D7B99C
- CCB198
- C1AA95
- B6A392
- AB9C8E
- A0958B
- 958E87
- 8B8784
Farbharmonien
Komplementär +180°
- EEC7A2
Negroni
- ACD4F8
≈ Malmö FF
Analog -30° +30°
- EEC7A2
Negroni
- F7C0B2
≈ Rustique
- DCCF9E
≈ Lunar Lander
Triadisch +120° +240°
- EEC7A2
Negroni
- 9EDED5
≈ Frosty
- D9C5F3
≈ Beefy Pink
Geteilt komplementär +150° +210°
- EEC7A2
Negroni
- 9DDBEA
≈ Nevada Sky
- C2CCFB
≈ Lavender Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.57:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.32:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--negroni: #eec7a2;
--negroni-rgb: 238 199 162;
--negroni-oklch: oklch(0.854 0.066 65.2);
}
.element {
color: var(--negroni);
background-color: hsl(29 69% 78%);
border-color: oklch(0.854 0.066 65.2);
}Tailwind CSS v4
@theme {
--color-negroni: #eec7a2;
--color-negroni-50: #fff2e2;
--color-negroni-100: #f7e4d1;
--color-negroni-200: #e8cfb7;
--color-negroni-300: #cfb294;
--color-negroni-400: #ba9775;
--color-negroni-500: #a57d56;
--color-negroni-600: #8b6a4a;
--color-negroni-700: #70553b;
--color-negroni-800: #533d2a;
--color-negroni-900: #3a2a1c;
--color-negroni-950: #24180c;
}SCSS
$negroni: #eec7a2;
$negroni-rgb: 238, 199, 162;
$negroni-light: mix(#fff, $negroni, 20%);
$negroni-dark: mix(#000, $negroni, 20%);
.element {
color: $negroni;
box-shadow: 0 0 0 2px rgba($negroni, 0.35);
}