Cor nomeada mais próxima · #BBA071
#BBA071
Cor nomeada mais próxima: Curry Sauce
#BBA071 (rgb(187 160 113), hsl(38 35% 59%), oklch(0.719 0.071 81)) é mais próxima da cor nomeada Curry Sauce. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#BBA071
oklch(0.719 0.071 81)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C2A97F
- C8B38D
- CFBC9B
- D6C5A9
- DDCFB7
- E4D8C5
- EAE2D4
- F1ECE2
- F8F5F0
Sombras
- A28B61
- 8A7652
- 736143
- 5C4E35
- 463B27
- 32291A
- 1F190E
- 0D0904
- 020101
Tons
- B59D73
- AF9A75
- A99777
- A39378
- 9D907A
- 978D7B
- 918A7D
- 8C877E
- 86837F
Harmonias de cor
Complementar +180°
- BBA071
Curry Sauce
- 8BA5D1
≈ Rip Van Periwinkle
Análoga -30° +30°
- BBA071
Curry Sauce
- C9987C
≈ Chinook Salmon
- A6A975
≈ Cardamom
Tríade +120° +240°
- BBA071
Curry Sauce
- 6CB2B6
≈ Dexter
- B996BF
≈ Atlantic Tulip
Complementar dividida +150° +210°
- BBA071
Curry Sauce
- 76ADC9
≈ Soul Blue
- A49DCE
≈ Wistful
Tétrade +90° +180° +270°
- BBA071
Curry Sauce
- 76B39E
≈ Beau Monde
- 8BA5D1
≈ Rip Van Periwinkle
- C792A9
≈ Bonny Belle
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.50:1 · APCA Lc 49
Ag
AAASobre preto
WCAG 8.37:1 · APCA Lc 53
Melhor cor de texto: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
Trechos de código
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);
}