Cor nomeada mais próxima · #B5BB9B
#B5BB9B
Cor nomeada mais próxima: Animal Kingdom
#B5BB9B (rgb(181 187 155), hsl(71 19% 67%), oklch(0.779 0.044 116.1)) é mais próxima da cor nomeada Animal Kingdom. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B5BB9B
oklch(0.779 0.044 116.1)
Conversões de cor
- HEX
- #b5bb9b
- RGB
- rgb(181 187 155)
- HSL
- hsl(71 19% 67%)
- HWB
- hwb(71 61% 27%)
- OKLCH
- oklch(0.779 0.044 116.1)
- OKLab
- oklab(0.779 -0.02 0.04)
- CIE Lab
- lab(74.76 -6.32 15.54)
- LCH
- lch(74.76 16.78 112.1)
- CMYK
- cmyk(3% 0% 17% 27%)
Tons claros · Sombras · Tons
Tons claros
- BCC2A5
- C3C8AF
- CBCFB8
- D2D6C2
- D9DDCC
- E1E3D6
- E8EAE0
- F0F1EB
- F7F8F5
Sombras
- 9DA286
- 868A72
- 6F735E
- 595C4B
- 444639
- 303228
- 1D1F18
- 0C0D09
- 020201
Tons
- B0B598
- AAAF96
- A5A993
- 9FA390
- 9A9D8E
- 95978B
- 909188
- 8A8C86
- 858683
Harmonias de cor
Complementar +180°
- B5BB9B
Animal Kingdom
- B9B2D1
≈ Petunia Trail
Análoga -30° +30°
- B5BB9B
Animal Kingdom
- C4B697
≈ Distant Valley
- A6BFA6
≈ Bryophyte
Tríade +120° +240°
- B5BB9B
Animal Kingdom
- 9DBCD0
≈ Stretch of Water
- CFACB8
≈ Sugarplum Dance
Complementar dividida +150° +210°
- B5BB9B
Animal Kingdom
- AAB7D4
≈ Over the Moon
- C7AEC6
≈ Heather Feather
Tétrade +90° +180° +270°
- B5BB9B
Animal Kingdom
- 96C0C5
≈ Chuff Blue
- B9B2D1
≈ Petunia Trail
- D2ADA8
≈ Pale Persimmon
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.99:1 · APCA Lc 39
Ag
AAASobre preto
WCAG 10.54:1 · APCA Lc 64
Melhor cor de texto: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
Trechos de código
CSS
:root {
--animal-kingdom: #b5bb9b;
--animal-kingdom-rgb: 181 187 155;
--animal-kingdom-oklch: oklch(0.779 0.044 116.1);
}
.element {
color: var(--animal-kingdom);
background-color: hsl(71 19% 67%);
border-color: oklch(0.779 0.044 116.1);
}Tailwind CSS v4
@theme {
--color-animal-kingdom: #b5bb9b;
--color-animal-kingdom-50: #f4f7e9;
--color-animal-kingdom-100: #e6eada;
--color-animal-kingdom-200: #d2d7c2;
--color-animal-kingdom-300: #b5bba2;
--color-animal-kingdom-400: #9da284;
--color-animal-kingdom-500: #848a69;
--color-animal-kingdom-600: #707559;
--color-animal-kingdom-700: #595e47;
--color-animal-kingdom-800: #424433;
--color-animal-kingdom-900: #2d2f22;
--color-animal-kingdom-950: #1a1c12;
}SCSS
$animal-kingdom: #b5bb9b;
$animal-kingdom-rgb: 181, 187, 155;
$animal-kingdom-light: mix(#fff, $animal-kingdom, 20%);
$animal-kingdom-dark: mix(#000, $animal-kingdom, 20%);
.element {
color: $animal-kingdom;
box-shadow: 0 0 0 2px rgba($animal-kingdom, 0.35);
}