Color con nombre · #BAC0B3
Tasman
Tasman es #BAC0B3: rgb(186 192 179), hsl(88 9% 73%), oklch(0.799 0.019 127.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Tasman color name →
#BAC0B3
oklch(0.799 0.019 127.2)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- C1C6BA
- C7CCC2
- CED3C9
- D5D9D1
- DCDFD8
- E3E5E0
- EAECE8
- F1F2EF
- F8F9F7
Sombras
- A1A79B
- 898E84
- 72766E
- 5C5F58
- 464943
- 32342F
- 1E201D
- 0D0E0C
- 020201
Tonos
- B4B9AE
- AEB3A9
- A8ACA3
- A2A69E
- 9D9F99
- 979994
- 91938F
- 8B8C8A
- 868685
Armonías de color
Complementario +180°
- BAC0B3
Tasman
- C1BAC7
≈ Silverberry
Análogo -30° +30°
- BAC0B3
Tasman
- C1BEB0
≈ Roycroft Mist Grey
- B4C1B9
≈ Opalescence
Triádico +120° +240°
- BAC0B3
Tasman
- B4BFCA
≈ Winter Wonderland
- C9B9BB
≈ Iris Pink
Complementario dividido +150° +210°
- BAC0B3
Tasman
- BABDCA
≈ Mistral
- C6B9C2
≈ Hazy Iris
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.27:1 · APCA Lc 67
Mejor color de texto: #000000
WCAG 11.27:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmentos 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);
}