Couleur nommée la plus proche · #BBA071
#BBA071
Couleur nommée la plus proche: Curry Sauce
#BBA071 (rgb(187 160 113), hsl(38 35% 59%), oklch(0.719 0.071 81)) est la plus proche de la couleur nommée Curry Sauce. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BBA071
oklch(0.719 0.071 81)
Conversions de couleur
- HEX
- #bba071
- RGB
- rgb(187 160 113)
- HSL
- hsl(38 35% 59%)
- HWB
- hwb(38 44% 27%)
- OKLCH
- oklch(0.719 0.071 81)
- OKLab
- oklab(0.719 0.011 0.07)
- CIE Lab
- lab(67.47 5.4 28.4)
- LCH
- lch(67.47 28.91 79.2)
- CMYK
- cmyk(0% 14% 40% 27%)
Teintes · Ombres · Tons
Teintes
- C2A97F
- C8B38D
- CFBC9B
- D6C5A9
- DDCFB7
- E4D8C5
- EAE2D4
- F1ECE2
- F8F5F0
Ombres
- A28B61
- 8A7652
- 736143
- 5C4E35
- 463B27
- 32291A
- 1F190E
- 0D0904
- 020101
Tons
- B59D73
- AF9A75
- A99777
- A39378
- 9D907A
- 978D7B
- 918A7D
- 8C877E
- 86837F
Harmonies de couleurs
Complémentaire +180°
- BBA071
Curry Sauce
- 8BA5D1
≈ Rip Van Periwinkle
Analogue -30° +30°
- BBA071
Curry Sauce
- C9987C
≈ Chinook Salmon
- A6A975
≈ Cardamom
Triadique +120° +240°
- BBA071
Curry Sauce
- 6CB2B6
≈ Dexter
- B996BF
≈ Atlantic Tulip
Complémentaire divisée +150° +210°
- BBA071
Curry Sauce
- 76ADC9
≈ Soul Blue
- A49DCE
≈ Wistful
Tétradique +90° +180° +270°
- BBA071
Curry Sauce
- 76B39E
≈ Beau Monde
- 8BA5D1
≈ Rip Van Periwinkle
- C792A9
≈ Bonny Belle
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.50:1 · APCA Lc 49
Ag
AAASur noir
WCAG 8.37:1 · APCA Lc 53
Meilleure couleur de texte: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
Extraits de code
CSS
:root {
--curry-sauce: #bba071;
--curry-sauce-rgb: 187 160 113;
--curry-sauce-oklch: oklch(0.719 0.071 81);
}
.element {
color: var(--curry-sauce);
background-color: hsl(38 35% 59%);
border-color: oklch(0.719 0.071 81);
}Tailwind CSS v4
@theme {
--color-curry-sauce: #bba071;
--color-curry-sauce-50: #fff4df;
--color-curry-sauce-100: #f3e6ce;
--color-curry-sauce-200: #e3d2b3;
--color-curry-sauce-300: #c9b58f;
--color-curry-sauce-400: #b49b6e;
--color-curry-sauce-500: #9e814e;
--color-curry-sauce-600: #866e43;
--color-curry-sauce-700: #6b5835;
--color-curry-sauce-800: #504025;
--color-curry-sauce-900: #372c19;
--color-curry-sauce-950: #22190a;
}SCSS
$curry-sauce: #bba071;
$curry-sauce-rgb: 187, 160, 113;
$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);
}