Colore con nome · #BE9E6F
Curry Sauce
Curry Sauce è #BE9E6F: rgb(190 158 111), hsl(36 38% 59%), oklch(0.717 0.074 76.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Curry Sauce color name →
#BE9E6F
oklch(0.717 0.074 76.7)
Conversioni di colore
- HEX
- #be9e6f
- RGB
- rgb(190 158 111)
- HSL
- hsl(36 38% 59%)
- HWB
- hwb(36 44% 25%)
- OKLCH
- oklch(0.717 0.074 76.7)
- OKLab
- oklab(0.717 0.017 0.072)
- CIE Lab
- lab(67.23 7.51 29.23)
- LCH
- lch(67.23 30.18 75.6)
- CMYK
- cmyk(0% 17% 42% 25%)
Tinte · Ombre · Toni
Tinte
- C5A77D
- CBB18C
- D2BB9A
- D8C4A8
- DFCEB6
- E5D8C5
- EBE1D3
- F2EBE2
- F8F5F0
Ombre
- A58960
- 8C7451
- 756042
- 5E4D34
- 483A27
- 33291A
- 1F180E
- 0D0904
- 020101
Toni
- B89B71
- B19873
- AB9575
- A59277
- 9F8F79
- 998C7B
- 92897C
- 8C867E
- 86837F
Armonie di colore
Complementare +180°
- BE9E6F
Curry Sauce
- 86A6D2
≈ Windfall
Analogo -30° +30°
- BE9E6F
Curry Sauce
- CB967C
≈ Beauty and the Beach
- A9A771
≈ Cardamom
Triadico +120° +240°
- BE9E6F
Curry Sauce
- 69B2B3
≈ Dexter
- B696C3
≈ Atlantic Tulip
Complementare divisa +150° +210°
- BE9E6F
Curry Sauce
- 70ADC7
≈ Moonstone Blue
- A09DD0
≈ Wistful
Tetradico +90° +180° +270°
- BE9E6F
Curry Sauce
- 76B39A
≈ Beau Monde
- 86A6D2
≈ Windfall
- C691AD
≈ Bonny Belle
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.52:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.30:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.30:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--curry-sauce: #be9e6f;
--curry-sauce-rgb: 190 158 111;
--curry-sauce-oklch: oklch(0.717 0.074 76.7);
}
.element {
color: var(--curry-sauce);
background-color: hsl(36 38% 59%);
border-color: oklch(0.717 0.074 76.7);
}Tailwind CSS v4
@theme {
--color-curry-sauce: #be9e6f;
--color-curry-sauce-50: #fff3de;
--color-curry-sauce-100: #f5e6cd;
--color-curry-sauce-200: #e6d1b2;
--color-curry-sauce-300: #ccb48d;
--color-curry-sauce-400: #b7996d;
--color-curry-sauce-500: #a2804c;
--color-curry-sauce-600: #896c41;
--color-curry-sauce-700: #6e5634;
--color-curry-sauce-800: #513f24;
--color-curry-sauce-900: #392b18;
--color-curry-sauce-950: #231809;
}SCSS
$curry-sauce: #be9e6f;
$curry-sauce-rgb: 190, 158, 111;
$curry-sauce-light: mix(#fff, $curry-sauce, 20%);
$curry-sauce-dark: mix(#000, $curry-sauce, 20%);
.element {
color: $curry-sauce;
box-shadow: 0 0 0 2px rgba($curry-sauce, 0.35);
}