Color con nombre · #E5E4DB
Black White
Black White es #E5E4DB: rgb(229 228 219), hsl(54 16% 88%), oklch(0.917 0.012 101.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Black White color name →
#E5E4DB
oklch(0.917 0.012 101.5)
Conversiones de color
- HEX
- #e5e4db
- RGB
- rgb(229 228 219)
- HSL
- hsl(54 16% 88%)
- HWB
- hwb(54 86% 10%)
- OKLCH
- oklch(0.917 0.012 101.5)
- OKLab
- oklab(0.917 -0.002 0.012)
- CIE Lab
- lab(90.48 -0.82 4.53)
- LCH
- lch(90.48 4.61 100.3)
- CMYK
- cmyk(0% 0% 4% 10%)
Tintes · Sombras · Tonos
Tintes
- E8E7DF
- EAE9E2
- EDECE6
- EFEFE9
- F2F1ED
- F5F4F1
- F7F7F4
- FAFAF8
- FCFCFB
Sombras
- C7C6BE
- AAA9A2
- 8E8D87
- 72726D
- 585854
- 3F3F3C
- 282826
- 121211
- 030302
Tonos
- DADAD2
- D0CFC8
- C6C5BF
- BBBBB6
- B1B1AC
- A7A7A3
- 9D9D9A
- 939391
- 8A8A89
Armonías de color
Complementario +180°
- E5E4DB
Black White
- E2E3EC
≈ Water Iris
Análogo -30° +30°
- E5E4DB
Black White
- E9E2DB
≈ Great Tit Eggs
- E1E5DD
≈ Water Droplet
Triádico +120° +240°
- E5E4DB
Black White
- DBE6E9
≈ Airy
- EAE1E6
≈ Violet Vogue
Complementario dividido +150° +210°
- E5E4DB
Black White
- DEE4EC
≈ Chapeau Violet
- E6E1EA
≈ Guardian Angel
Tetrádico +90° +180° +270°
- E5E4DB
Black White
- DBE6E5
≈ Cameo Green
- E2E3EC
≈ Water Iris
- EBE0E1
≈ Crystallise
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.27:1 · APCA Lc 14
Ag
AAASobre negro
WCAG 16.45:1 · APCA Lc 90
Mejor color de texto: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
CSS
:root {
--black-white: #e5e4db;
--black-white-rgb: 229 228 219;
--black-white-oklch: oklch(0.917 0.012 101.5);
}
.element {
color: var(--black-white);
background-color: hsl(54 16% 88%);
border-color: oklch(0.917 0.012 101.5);
}Tailwind CSS v4
@theme {
--color-black-white: #e5e4db;
--color-black-white-50: #f5f5f1;
--color-black-white-100: #e8e8e3;
--color-black-white-200: #d5d4cf;
--color-black-white-300: #b8b8b1;
--color-black-white-400: #a09f97;
--color-black-white-500: #88877e;
--color-black-white-600: #73726a;
--color-black-white-700: #5c5b55;
--color-black-white-800: #43423e;
--color-black-white-900: #2e2e2a;
--color-black-white-950: #1b1b18;
}SCSS
$black-white: #e5e4db;
$black-white-rgb: 229, 228, 219;
$black-white-light: mix(#fff, $black-white, 20%);
$black-white-dark: mix(#000, $black-white, 20%);
.element {
color: $black-white;
box-shadow: 0 0 0 2px rgba($black-white, 0.35);
}