Cor nomeada mais próxima · #B3BC8A
#B3BC8A
Cor nomeada mais próxima: Nile
#B3BC8A (rgb(179 188 138), hsl(71 27% 64%), oklch(0.776 0.068 116.3)) é mais próxima da cor nomeada Nile. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B3BC8A
oklch(0.776 0.068 116.3)
Conversões de cor
- HEX
- #b3bc8a
- RGB
- rgb(179 188 138)
- HSL
- hsl(71 27% 64%)
- HWB
- hwb(71 54% 26%)
- OKLCH
- oklch(0.776 0.068 116.3)
- OKLab
- oklab(0.776 -0.03 0.061)
- CIE Lab
- lab(74.59 -9.46 24.3)
- LCH
- lch(74.59 26.08 111.3)
- CMYK
- cmyk(5% 0% 27% 26%)
Tons claros · Sombras · Tons
Tons claros
- BAC396
- C2C9A1
- C9D0AD
- D1D7B8
- D8DDC4
- E0E4D0
- E8EBDB
- EFF1E7
- F7F8F3
Sombras
- 9BA377
- 848B65
- 6E7353
- 585D42
- 434732
- 2F3222
- 1D1F14
- 0C0D07
- 010201
Tons
- AEB689
- A8B089
- A3AA88
- 9EA487
- 999E86
- 949885
- 8F9284
- 8A8C83
- 858681
Harmonias de cor
Complementar +180°
- B3BC8A
Nile
- BAAEDD
≈ Purple Hibiscus
Análoga -30° +30°
- B3BC8A
Nile
- C9B484
≈ Tweed Jacket
- 9AC29C
≈ Spruce Stone
Tríade +120° +240°
- B3BC8A
Nile
- 8CBDDC
≈ Frozen Whisper
- DBA4B7
≈ Pink Gin
Complementar dividida +150° +210°
- B3BC8A
Nile
- A2B6E3
≈ Sky Blue
- CEA7CE
≈ Graceful Garden
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.00:1 · APCA Lc 39
Ag
AAASobre preto
WCAG 10.47:1 · APCA Lc 64
Melhor cor de texto: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
Trechos de código
CSS
:root {
--nile: #b3bc8a;
--nile-rgb: 179 188 138;
--nile-oklch: oklch(0.776 0.068 116.3);
}
.element {
color: var(--nile);
background-color: hsl(71 27% 64%);
border-color: oklch(0.776 0.068 116.3);
}Tailwind CSS v4
@theme {
--color-nile: #b3bc8a;
--color-nile-50: #f3f8e3;
--color-nile-100: #e5ebd2;
--color-nile-200: #d1d9b8;
--color-nile-300: #b4bd95;
--color-nile-400: #9ca476;
--color-nile-500: #838c57;
--color-nile-600: #6f774a;
--color-nile-700: #595f3b;
--color-nile-800: #424529;
--color-nile-900: #2d301c;
--color-nile-950: #1a1c0c;
}SCSS
$nile: #b3bc8a;
$nile-rgb: 179, 188, 138;
$nile-light: mix(#fff, $nile, 20%);
$nile-dark: mix(#000, $nile, 20%);
.element {
color: $nile;
box-shadow: 0 0 0 2px rgba($nile, 0.35);
}