Color con nombre · #B09691
Shadow Grey
Shadow Grey es #B09691: rgb(176 150 145), hsl(10 16% 63%), oklch(0.695 0.032 30.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Shadow Grey color name →
#B09691
oklch(0.695 0.032 30.7)
Conversiones de color
- HEX
- #b09691
- RGB
- rgb(176 150 145)
- HSL
- hsl(10 16% 63%)
- HWB
- hwb(10 57% 31%)
- OKLCH
- oklch(0.695 0.032 30.7)
- OKLab
- oklab(0.695 0.028 0.016)
- CIE Lab
- lab(64.35 9.38 6.43)
- LCH
- lch(64.35 11.37 34.4)
- CMYK
- cmyk(0% 15% 18% 31%)
Tintes · Sombras · Tonos
Tintes
- B8A09B
- C0AAA6
- C7B5B1
- CFBFBC
- D7C9C7
- DFD4D2
- E7DFDD
- EFE9E8
- F7F4F4
Sombras
- 99827D
- 826E6A
- 6C5B58
- 564946
- 423735
- 2E2625
- 1C1615
- 0B0807
- 010101
Tonos
- AB948F
- A6928E
- A28F8C
- 9D8D8A
- 988B89
- 938987
- 8E8785
- 8A8483
- 858282
Armonías de color
Complementario +180°
- B09691
Shadow Grey
- 87A3A8
≈ Iron Earth
Análogo -30° +30°
- B09691
Shadow Grey
- AF959C
≈ Legendary Lilac
- AC9989
≈ Threshold Taupe
Triádico +120° +240°
- B09691
Shadow Grey
- 8FA393
≈ Wintessa
- 959CB1
≈ Bay Fog
Complementario dividido +150° +210°
- B09691
Shadow Grey
- 88A49E
≈ Venus Teal
- 8CA0AF
≈ Qiān Hūi Grey
Tetrádico +90° +180° +270°
- B09691
Shadow Grey
- 9AA08A
≈ Bitter Sage
- 87A3A8
≈ Iron Earth
- A099AE
≈ Lavender Aura
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.75:1 · APCA Lc 53
Ag
AAASobre negro
WCAG 7.61:1 · APCA Lc 49
Mejor color de texto: #000000
WCAG 7.61:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmentos de código
CSS
:root {
--shadow-grey: #b09691;
--shadow-grey-rgb: 176 150 145;
--shadow-grey-oklch: oklch(0.695 0.032 30.7);
}
.element {
color: var(--shadow-grey);
background-color: hsl(10 16% 63%);
border-color: oklch(0.695 0.032 30.7);
}Tailwind CSS v4
@theme {
--color-shadow-grey: #b09691;
--color-shadow-grey-50: #fef2ef;
--color-shadow-grey-100: #f2e4e1;
--color-shadow-grey-200: #e2d0cc;
--color-shadow-grey-300: #c7b2ad;
--color-shadow-grey-400: #b19893;
--color-shadow-grey-500: #9a7f79;
--color-shadow-grey-600: #836b67;
--color-shadow-grey-700: #695652;
--color-shadow-grey-800: #4d3e3c;
--color-shadow-grey-900: #352b29;
--color-shadow-grey-950: #211817;
}SCSS
$shadow-grey: #b09691;
$shadow-grey-rgb: 176, 150, 145;
$shadow-grey-light: mix(#fff, $shadow-grey, 20%);
$shadow-grey-dark: mix(#000, $shadow-grey, 20%);
.element {
color: $shadow-grey;
box-shadow: 0 0 0 2px rgba($shadow-grey, 0.35);
}