Benannte Farbe · #BF8E7F
Foxen
Foxen ist #BF8E7F: rgb(191 142 127), hsl(14 33% 62%), oklch(0.69 0.064 37.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Foxen color name →
#BF8E7F
oklch(0.69 0.064 37.7)
Farbumrechnungen
- HEX
- #bf8e7f
- RGB
- rgb(191 142 127)
- HSL
- hsl(14 33% 62%)
- HWB
- hwb(14 50% 25%)
- OKLCH
- oklch(0.69 0.064 37.7)
- OKLab
- oklab(0.69 0.051 0.039)
- CIE Lab
- lab(63.57 17.65 15.66)
- LCH
- lch(63.57 23.6 41.6)
- CMYK
- cmyk(0% 26% 34% 25%)
Tints · Shades · Tones
Tints
- C6998B
- CCA498
- D3AFA4
- D9BAB1
- E0C6BD
- E6D1CA
- ECDCD7
- F3E8E4
- F9F3F2
Shades
- A67B6E
- 8D685D
- 75564C
- 5E443C
- 48342D
- 33241F
- 1F1511
- 0D0706
- 020101
Tones
- B98D7F
- B38B7F
- AC8A80
- A68980
- A08780
- 9A8680
- 938580
- 8D8380
- 868280
Farbharmonien
Komplementär +180°
- BF8E7F
Foxen
- 6DA5B6
≈ Estuary Blue
Analog -30° +30°
- BF8E7F
Foxen
- BF8B94
≈ Prophetess
- B69471
≈ Keystone
Triadisch +120° +240°
- BF8E7F
Foxen
- 7AA88C
≈ Green Globe
- 9198C3
≈ Easter Egg
Geteilt komplementär +150° +210°
- BF8E7F
Foxen
- 6CA9A2
≈ Steel Pan Mallet
- 7C9FC1
≈ Alaskan Ice
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.84:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.39:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.39:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--foxen: #bf8e7f;
--foxen-rgb: 191 142 127;
--foxen-oklch: oklch(0.69 0.064 37.7);
}
.element {
color: var(--foxen);
background-color: hsl(14 33% 62%);
border-color: oklch(0.69 0.064 37.7);
}Tailwind CSS v4
@theme {
--color-foxen: #bf8e7f;
--color-foxen-50: #fff0e8;
--color-foxen-100: #fce1d8;
--color-foxen-200: #eeccc0;
--color-foxen-300: #d5ad9f;
--color-foxen-400: #c19283;
--color-foxen-500: #ac7768;
--color-foxen-600: #916558;
--color-foxen-700: #745146;
--color-foxen-800: #563b33;
--color-foxen-900: #3c2823;
--color-foxen-950: #261612;
}SCSS
$foxen: #bf8e7f;
$foxen-rgb: 191, 142, 127;
$foxen-light: mix(#fff, $foxen, 20%);
$foxen-dark: mix(#000, $foxen, 20%);
.element {
color: $foxen;
box-shadow: 0 0 0 2px rgba($foxen, 0.35);
}