Benannte Farbe · #BA8686
Notice Me
Notice Me ist #BA8686: rgb(186 134 134), hsl(0 27% 63%), oklch(0.671 0.064 18.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Notice Me color name →
#BA8686
oklch(0.671 0.064 18.9)
Farbumrechnungen
- HEX
- #ba8686
- RGB
- rgb(186 134 134)
- HSL
- hsl(0 27% 63%)
- HWB
- hwb(0 53% 27%)
- OKLCH
- oklch(0.671 0.064 18.9)
- OKLab
- oklab(0.671 0.061 0.021)
- CIE Lab
- lab(61.19 20.55 8.33)
- LCH
- lch(61.19 22.17 22.1)
- CMYK
- cmyk(0% 28% 28% 27%)
Tints · Shades · Tones
Tints
- C19291
- C89D9D
- D0A9A9
- D7B5B5
- DDC1C1
- E4CDCD
- EBDAD9
- F2E6E6
- F8F2F2
Shades
- A17474
- 896262
- 725151
- 5C4040
- 463030
- 322121
- 1E1313
- 0D0606
- 020101
Tones
- B48685
- AF8585
- A98584
- A38484
- 9E8383
- 988382
- 928282
- 8C8181
- 868181
Farbharmonien
Komplementär +180°
- BA8686
Notice Me
- 64A2A4
≈ Folk Song
Analog -30° +30°
- BA8686
Notice Me
- B4869C
≈ Orchid Haze
- B78A73
≈ Carmelite
Triadisch +120° +240°
- BA8686
Notice Me
- 82A079
≈ Green Grey
- 7E97BE
≈ Bel Air Blue
Geteilt komplementär +150° +210°
- BA8686
Notice Me
- 6DA38F
≈ Quilotoa Green
- 6B9EB5
≈ Bluebird Feather
Tetradisch +90° +180° +270°
- BA8686
Notice Me
- 98996B
≈ Guacamole
- 64A2A4
≈ Folk Song
- 9490BB
≈ Velvet Crest
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.06:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.84:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.84:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--notice-me: #ba8686;
--notice-me-rgb: 186 134 134;
--notice-me-oklch: oklch(0.671 0.064 18.9);
}
.element {
color: var(--notice-me);
background-color: hsl(0 27% 63%);
border-color: oklch(0.671 0.064 18.9);
}Tailwind CSS v4
@theme {
--color-notice-me: #ba8686;
--color-notice-me-50: #ffeeed;
--color-notice-me-100: #fde0df;
--color-notice-me-200: #efcac8;
--color-notice-me-300: #d7aba9;
--color-notice-me-400: #c2908f;
--color-notice-me-500: #ad7575;
--color-notice-me-600: #926363;
--color-notice-me-700: #754f4f;
--color-notice-me-800: #57393a;
--color-notice-me-900: #3c2728;
--color-notice-me-950: #261516;
}SCSS
$notice-me: #ba8686;
$notice-me-rgb: 186, 134, 134;
$notice-me-light: mix(#fff, $notice-me, 20%);
$notice-me-dark: mix(#000, $notice-me, 20%);
.element {
color: $notice-me;
box-shadow: 0 0 0 2px rgba($notice-me, 0.35);
}