Benannte Farbe · #87815F
Tilleul de Noémie
Tilleul de Noémie ist #87815F: rgb(135 129 95), hsl(51 17% 45%), oklch(0.6 0.049 99.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Tilleul de Noémie color name →
#87815F
oklch(0.6 0.049 99.3)
Farbumrechnungen
- HEX
- #87815f
- RGB
- rgb(135 129 95)
- HSL
- hsl(51 17% 45%)
- HWB
- hwb(51 37% 47%)
- OKLCH
- oklch(0.6 0.049 99.3)
- OKLab
- oklab(0.6 -0.008 0.049)
- CIE Lab
- lab(53.84 -1.85 19.36)
- LCH
- lch(53.84 19.45 95.5)
- CMYK
- cmyk(0% 4% 30% 47%)
Tints · Shades · Tones
Tints
- 928D6E
- 9E997D
- A9A58D
- B5B29D
- C1BEAD
- CDCBBD
- D9D8CD
- E6E5DD
- F2F2EE
Shades
- 756F52
- 635E44
- 514E38
- 413E2C
- 312E20
- 211F15
- 13120A
- 060603
- 010100
Tones
- 868163
- 868166
- 858169
- 84816D
- 838170
- 838173
- 828077
- 81807A
- 81807D
Farbharmonien
Komplementär +180°
- 87815F
Tilleul de Noémie
- 797D9E
≈ Bossa Nova Blue
Analog -30° +30°
- 87815F
Tilleul de Noémie
- 947B60
≈ Portabello
- 778667
≈ Wreath
Triadisch +120° +240°
- 87815F
Tilleul de Noémie
- 5E8794
≈ Horizon
- 95758A
≈ Hidden Mask
Geteilt komplementär +150° +210°
- 87815F
Tilleul de Noémie
- 6A839D
≈ Brisk Blue
- 897897
≈ Black Diamond Apple
Tetradisch +90° +180° +270°
- 87815F
Tilleul de Noémie
- 5D8A86
≈ Steel Teal
- 797D9E
≈ Bossa Nova Blue
- 9B747A
≈ March Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.93:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.33:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.33:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--tilleul-de-noemie: #87815f;
--tilleul-de-noemie-rgb: 135 129 95;
--tilleul-de-noemie-oklch: oklch(0.6 0.049 99.3);
}
.element {
color: var(--tilleul-de-noemie);
background-color: hsl(51 17% 45%);
border-color: oklch(0.6 0.049 99.3);
}Tailwind CSS v4
@theme {
--color-tilleul-de-noemie: #87815f;
--color-tilleul-de-noemie-50: #f8f6e6;
--color-tilleul-de-noemie-100: #ebe9d6;
--color-tilleul-de-noemie-200: #d8d5be;
--color-tilleul-de-noemie-300: #bcb99c;
--color-tilleul-de-noemie-400: #a59f7e;
--color-tilleul-de-noemie-500: #8e8761;
--color-tilleul-de-noemie-600: #787253;
--color-tilleul-de-noemie-700: #605b42;
--color-tilleul-de-noemie-800: #47432f;
--color-tilleul-de-noemie-900: #312e20;
--color-tilleul-de-noemie-950: #1d1b0f;
}SCSS
$tilleul-de-noemie: #87815f;
$tilleul-de-noemie-rgb: 135, 129, 95;
$tilleul-de-noemie-light: mix(#fff, $tilleul-de-noemie, 20%);
$tilleul-de-noemie-dark: mix(#000, $tilleul-de-noemie, 20%);
.element {
color: $tilleul-de-noemie;
box-shadow: 0 0 0 2px rgba($tilleul-de-noemie, 0.35);
}