Colore con nome · #BD8965
Fenugreek
Fenugreek è #BD8965: rgb(189 137 101), hsl(25 40% 57%), oklch(0.673 0.081 55.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Fenugreek color name →
#BD8965
oklch(0.673 0.081 55.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C49574
- CBA083
- D2AC92
- D8B7A1
- DFC3B1
- E6CFC0
- ECDBD0
- F2E7DF
- F9F3EF
Ombre
- A47657
- 8C6449
- 74533C
- 5D422F
- 473122
- 332217
- 1F140C
- 0D0703
- 020100
Toni
- B78868
- B1886B
- AB876E
- A58671
- 9F8574
- 998476
- 938379
- 8D827B
- 86817E
Armonie di colore
Complementare +180°
- BD8965
Fenugreek
- 639EC1
≈ Gulf Stream Blue
Analogo -30° +30°
- BD8965
Fenugreek
- C3837C
≈ Luscious Lobster
- AD935A
≈ Wheatacre
Triadico +120° +240°
- BD8965
Fenugreek
- 5BA794
≈ Polished Pine
- 9A8CC3
≈ Hermosa
Complementare divisa +150° +210°
- BD8965
Fenugreek
- 52A4AE
≈ Freshwater
- 7E95C9
≈ Steel Blue Eyes
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.03:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.92:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.92:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
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);
}