Color con nombre · #4F4944
Oubliette
Oubliette es #4F4944: rgb(79 73 68), hsl(27 7% 29%), oklch(0.41 0.012 62.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Oubliette color name →
#4F4944
oklch(0.41 0.012 62.3)
Conversiones de color
- HEX
- #4f4944
- RGB
- rgb(79 73 68)
- HSL
- hsl(27 7% 29%)
- HWB
- hwb(27 27% 69%)
- OKLCH
- oklch(0.41 0.012 62.3)
- OKLab
- oklab(0.41 0.005 0.01)
- CIE Lab
- lab(31.5 1.85 3.96)
- LCH
- lch(31.5 4.37 64.9)
- CMYK
- cmyk(0% 8% 14% 69%)
Tintes · Sombras · Tonos
Tintes
- 5F5955
- 6F6A66
- 807B77
- 918D8A
- A39F9C
- B4B2AF
- C7C4C3
- D9D8D6
- ECEBEB
Sombras
- 443E3A
- 383430
- 2E2A26
- 23201D
- 191714
- 100E0C
- 070605
- 020202
- 000000
Tonos
- 544E4A
- 58544F
- 5D5955
- 625E5B
- 676461
- 6C6967
- 716F6D
- 767574
- 7B7A7A
Armonías de color
Complementario +180°
- 4F4944
Oubliette
- 454B50
≈ Dead Forest
Análogo -30° +30°
- 4F4944
Oubliette
- 504846
≈ Espresso Macchiato
- 4C4A43
≈ Thorny Branch
Triádico +120° +240°
- 4F4944
Oubliette
- 444C4B
≈ Moonless Sky
- 4B4950
≈ Limo-Scene
Complementario dividido +150° +210°
- 4F4944
Oubliette
- 434C4E
≈ Black Sable
- 484A51
≈ Limo-Scene
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.86:1 · APCA Lc 90
Ag
FailSobre negro
WCAG 2.36:1 · APCA Lc 12
Mejor color de texto: #FFFFFF
WCAG 8.86:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--oubliette: #4f4944;
--oubliette-rgb: 79 73 68;
--oubliette-oklch: oklch(0.41 0.012 62.3);
}
.element {
color: var(--oubliette);
background-color: hsl(27 7% 29%);
border-color: oklch(0.41 0.012 62.3);
}Tailwind CSS v4
@theme {
--color-oubliette: #4f4944;
--color-oubliette-50: #f7f4f2;
--color-oubliette-100: #ebe7e4;
--color-oubliette-200: #d8d3cf;
--color-oubliette-300: #bcb6b1;
--color-oubliette-400: #a49d98;
--color-oubliette-500: #8c857f;
--color-oubliette-600: #76706b;
--color-oubliette-700: #5f5a56;
--color-oubliette-800: #45413e;
--color-oubliette-900: #302d2b;
--color-oubliette-950: #1c1a18;
}SCSS
$oubliette: #4f4944;
$oubliette-rgb: 79, 73, 68;
$oubliette-light: mix(#fff, $oubliette, 20%);
$oubliette-dark: mix(#000, $oubliette, 20%);
.element {
color: $oubliette;
box-shadow: 0 0 0 2px rgba($oubliette, 0.35);
}