Color con nombre · #B2B0BD
Veiled Delight
Veiled Delight es #B2B0BD: rgb(178 176 189), hsl(249 9% 72%), oklch(0.763 0.018 293). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Veiled Delight color name →
#B2B0BD
oklch(0.763 0.018 293)
Conversiones de color
- HEX
- #b2b0bd
- RGB
- rgb(178 176 189)
- HSL
- hsl(249 9% 72%)
- HWB
- hwb(249 69% 26%)
- OKLCH
- oklch(0.763 0.018 293)
- OKLab
- oklab(0.763 0.007 -0.017)
- CIE Lab
- lab(72.3 2.6 -6.39)
- LCH
- lch(72.3 6.89 292.1)
- CMYK
- cmyk(6% 7% 0% 26%)
Tintes · Sombras · Tonos
Tintes
- B9B8C3
- C1BFCA
- C9C7D0
- D0CFD7
- D8D7DE
- E0DFE4
- E7E7EB
- EFEFF2
- F7F7F8
Sombras
- 9A99A4
- 83828C
- 6D6C74
- 57565D
- 434247
- 2F2E33
- 1D1C1F
- 0C0B0D
- 010102
Tonos
- ADABB7
- A8A6B0
- A3A1AA
- 9E9CA4
- 99989E
- 949398
- 8F8E92
- 8A898C
- 858586
Armonías de color
Complementario +180°
- B2B0BD
Veiled Delight
- B2B3A6
≈ Rigani
Análogo -30° +30°
- B2B0BD
Veiled Delight
- ACB2BE
≈ Chivalrous
- B8AEB9
≈ Down Dog
Triádico +120° +240°
- B2B0BD
Veiled Delight
- BCAFA7
≈ Taupedo
- A7B6B1
≈ Frozen Pond
Complementario dividido +150° +210°
- B2B0BD
Veiled Delight
- B8B1A5
≈ Silver Lining
- ABB5AB
≈ Sigh of Relief
Tetrádico +90° +180° +270°
- B2B0BD
Veiled Delight
- BEAEAC
≈ Perdu Pink
- B2B3A6
≈ Rigani
- A5B6B7
≈ Marine Layer
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.13:1 · APCA Lc 42
Ag
AAASobre negro
WCAG 9.83:1 · APCA Lc 60
Mejor color de texto: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmentos de código
CSS
:root {
--veiled-delight: #b2b0bd;
--veiled-delight-rgb: 178 176 189;
--veiled-delight-oklch: oklch(0.763 0.018 293);
}
.element {
color: var(--veiled-delight);
background-color: hsl(249 9% 72%);
border-color: oklch(0.763 0.018 293);
}Tailwind CSS v4
@theme {
--color-veiled-delight: #b2b0bd;
--color-veiled-delight-50: #f5f4fa;
--color-veiled-delight-100: #e8e7ee;
--color-veiled-delight-200: #d4d3db;
--color-veiled-delight-300: #b8b6c0;
--color-veiled-delight-400: #9e9da9;
--color-veiled-delight-500: #868492;
--color-veiled-delight-600: #72707b;
--color-veiled-delight-700: #5b5963;
--color-veiled-delight-800: #424148;
--color-veiled-delight-900: #2e2d32;
--color-veiled-delight-950: #1a1a1e;
}SCSS
$veiled-delight: #b2b0bd;
$veiled-delight-rgb: 178, 176, 189;
$veiled-delight-light: mix(#fff, $veiled-delight, 20%);
$veiled-delight-dark: mix(#000, $veiled-delight, 20%);
.element {
color: $veiled-delight;
box-shadow: 0 0 0 2px rgba($veiled-delight, 0.35);
}