Benannte Farbe · #BD8965
Fenugreek
Fenugreek ist #BD8965: rgb(189 137 101), hsl(25 40% 57%), oklch(0.673 0.081 55.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Fenugreek color name →
#BD8965
oklch(0.673 0.081 55.6)
Farbumrechnungen
- HEX
- #bd8965
- RGB
- rgb(189 137 101)
- HSL
- hsl(25 40% 57%)
- HWB
- hwb(25 40% 26%)
- OKLCH
- oklch(0.673 0.081 55.6)
- OKLab
- oklab(0.673 0.046 0.067)
- CIE Lab
- lab(61.69 17.26 27.53)
- LCH
- lch(61.69 32.5 57.9)
- CMYK
- cmyk(0% 28% 47% 26%)
Tints · Shades · Tones
Tints
- C49574
- CBA083
- D2AC92
- D8B7A1
- DFC3B1
- E6CFC0
- ECDBD0
- F2E7DF
- F9F3EF
Shades
- A47657
- 8C6449
- 74533C
- 5D422F
- 473122
- 332217
- 1F140C
- 0D0703
- 020100
Tones
- B78868
- B1886B
- AB876E
- A58671
- 9F8574
- 998476
- 938379
- 8D827B
- 86817E
Farbharmonien
Komplementär +180°
- BD8965
Fenugreek
- 639EC1
≈ Gulf Stream Blue
Analog -30° +30°
- BD8965
Fenugreek
- C3837C
≈ Luscious Lobster
- AD935A
≈ Wheatacre
Triadisch +120° +240°
- BD8965
Fenugreek
- 5BA794
≈ Polished Pine
- 9A8CC3
≈ Hermosa
Geteilt komplementär +150° +210°
- BD8965
Fenugreek
- 52A4AE
≈ Freshwater
- 7E95C9
≈ Steel Blue Eyes
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.03:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.92:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.92:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--fenugreek: #bd8965;
--fenugreek-rgb: 189 137 101;
--fenugreek-oklch: oklch(0.673 0.081 55.6);
}
.element {
color: var(--fenugreek);
background-color: hsl(25 40% 57%);
border-color: oklch(0.673 0.081 55.6);
}Tailwind CSS v4
@theme {
--color-fenugreek: #bd8965;
--color-fenugreek-50: #fff0df;
--color-fenugreek-100: #fee2ce;
--color-fenugreek-200: #f0ccb3;
--color-fenugreek-300: #d8ae8f;
--color-fenugreek-400: #c49270;
--color-fenugreek-500: #b07850;
--color-fenugreek-600: #946544;
--color-fenugreek-700: #775136;
--color-fenugreek-800: #583a27;
--color-fenugreek-900: #3e281a;
--color-fenugreek-950: #27160b;
}SCSS
$fenugreek: #bd8965;
$fenugreek-rgb: 189, 137, 101;
$fenugreek-light: mix(#fff, $fenugreek, 20%);
$fenugreek-dark: mix(#000, $fenugreek, 20%);
.element {
color: $fenugreek;
box-shadow: 0 0 0 2px rgba($fenugreek, 0.35);
}