Cor nomeada · #BAC0B3
Tasman
Tasman é #BAC0B3: rgb(186 192 179), hsl(88 9% 73%), oklch(0.799 0.019 127.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Tasman color name →
#BAC0B3
oklch(0.799 0.019 127.2)
Conversões de cor
- HEX
- #bac0b3
- RGB
- rgb(186 192 179)
- HSL
- hsl(88 9% 73%)
- HWB
- hwb(88 70% 25%)
- OKLCH
- oklch(0.799 0.019 127.2)
- OKLab
- oklab(0.799 -0.012 0.015)
- CIE Lab
- lab(76.95 -3.93 5.82)
- LCH
- lch(76.95 7.02 124)
- CMYK
- cmyk(3% 0% 7% 25%)
Tons claros · Sombras · Tons
Tons claros
- C1C6BA
- C7CCC2
- CED3C9
- D5D9D1
- DCDFD8
- E3E5E0
- EAECE8
- F1F2EF
- F8F9F7
Sombras
- A1A79B
- 898E84
- 72766E
- 5C5F58
- 464943
- 32342F
- 1E201D
- 0D0E0C
- 020201
Tons
- B4B9AE
- AEB3A9
- A8ACA3
- A2A69E
- 9D9F99
- 979994
- 91938F
- 8B8C8A
- 868685
Harmonias de cor
Complementar +180°
- BAC0B3
Tasman
- C1BAC7
≈ Silverberry
Análoga -30° +30°
- BAC0B3
Tasman
- C1BEB0
≈ Roycroft Mist Grey
- B4C1B9
≈ Opalescence
Tríade +120° +240°
- BAC0B3
Tasman
- B4BFCA
≈ Winter Wonderland
- C9B9BB
≈ Iris Pink
Complementar dividida +150° +210°
- BAC0B3
Tasman
- BABDCA
≈ Mistral
- C6B9C2
≈ Hazy Iris
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.27:1 · APCA Lc 67
Melhor cor de texto: #000000
WCAG 11.27:1 (AAA) · APCA Lc 67
Contrast pairs
Trechos de código
CSS
:root {
--tasman: #bac0b3;
--tasman-rgb: 186 192 179;
--tasman-oklch: oklch(0.799 0.019 127.2);
}
.element {
color: var(--tasman);
background-color: hsl(88 9% 73%);
border-color: oklch(0.799 0.019 127.2);
}Tailwind CSS v4
@theme {
--color-tasman: #bac0b3;
--color-tasman-50: #f3f6f1;
--color-tasman-100: #e6e9e3;
--color-tasman-200: #d2d6cd;
--color-tasman-300: #b4b9af;
--color-tasman-400: #9ba195;
--color-tasman-500: #83897b;
--color-tasman-600: #6f7468;
--color-tasman-700: #585d53;
--color-tasman-800: #41443c;
--color-tasman-900: #2d2f2a;
--color-tasman-950: #1a1b17;
}SCSS
$tasman: #bac0b3;
$tasman-rgb: 186, 192, 179;
$tasman-light: mix(#fff, $tasman, 20%);
$tasman-dark: mix(#000, $tasman, 20%);
.element {
color: $tasman;
box-shadow: 0 0 0 2px rgba($tasman, 0.35);
}