Cor nomeada · #5B4A44
Bear in Mind
Bear in Mind é #5B4A44: rgb(91 74 68), hsl(16 14% 31%), oklch(0.425 0.025 40.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bear in Mind color name →
#5B4A44
oklch(0.425 0.025 40.4)
Conversões de cor
- HEX
- #5b4a44
- RGB
- rgb(91 74 68)
- HSL
- hsl(16 14% 31%)
- HWB
- hwb(16 27% 64%)
- OKLCH
- oklch(0.425 0.025 40.4)
- OKLab
- oklab(0.425 0.019 0.016)
- CIE Lab
- lab(33.11 6.64 6.44)
- LCH
- lch(33.11 9.25 44.1)
- CMYK
- cmyk(0% 19% 25% 64%)
Tons claros · Sombras · Tons
Tons claros
- 6A5A55
- 7A6B66
- 897C78
- 998E8A
- AAA09C
- BAB2AF
- CBC5C3
- DCD8D6
- EDEBEB
Sombras
- 4E3F3A
- 413530
- 352A26
- 29201D
- 1E1714
- 130E0C
- 090605
- 030202
- 000000
Tons
- 5F4F4A
- 625450
- 665A55
- 6A5F5B
- 6E6461
- 716A67
- 756F6D
- 797574
- 7C7A7A
Harmonias de cor
Complementar +180°
- 5B4A44
Bear in Mind
- 3F5258
≈ Mountain Pine
Análoga -30° +30°
- 5B4A44
Bear in Mind
- 5B494B
≈ Carob Chip
- 574C40
≈ Mondo
Tríade +120° +240°
- 5B4A44
Bear in Mind
- 43534A
≈ Moss Cottage
- 4B4D5C
≈ Ombre Blue
Complementar dividida +150° +210°
- 5B4A44
Bear in Mind
- 3F5351
≈ Gedney Green
- 44505C
≈ Royal Navy
Tétrade +90° +180° +270°
- 5B4A44
Bear in Mind
- 4A5143
≈ Charcoal Smoke
- 3F5258
≈ Mountain Pine
- 534B59
≈ Mulled Wine
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.37:1 · APCA Lc 89
Ag
FailSobre preto
WCAG 2.50:1 · APCA Lc 13
Melhor cor de texto: #FFFFFF
WCAG 8.37:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--bear-in-mind: #5b4a44;
--bear-in-mind-rgb: 91 74 68;
--bear-in-mind-oklch: oklch(0.425 0.025 40.4);
}
.element {
color: var(--bear-in-mind);
background-color: hsl(16 14% 31%);
border-color: oklch(0.425 0.025 40.4);
}Tailwind CSS v4
@theme {
--color-bear-in-mind: #5b4a44;
--color-bear-in-mind-50: #fcf3f0;
--color-bear-in-mind-100: #f0e5e1;
--color-bear-in-mind-200: #ded1cc;
--color-bear-in-mind-300: #c3b4ad;
--color-bear-in-mind-400: #ac9a93;
--color-bear-in-mind-500: #96817a;
--color-bear-in-mind-600: #7f6d67;
--color-bear-in-mind-700: #655752;
--color-bear-in-mind-800: #4b403c;
--color-bear-in-mind-900: #342c29;
--color-bear-in-mind-950: #1f1917;
}SCSS
$bear-in-mind: #5b4a44;
$bear-in-mind-rgb: 91, 74, 68;
$bear-in-mind-light: mix(#fff, $bear-in-mind, 20%);
$bear-in-mind-dark: mix(#000, $bear-in-mind, 20%);
.element {
color: $bear-in-mind;
box-shadow: 0 0 0 2px rgba($bear-in-mind, 0.35);
}