Color con nombre más cercano · #DCDCE3
#DCDCE3
Color con nombre más cercano: White Elephant
#DCDCE3 (rgb(220 220 227), hsl(240 11% 88%), oklch(0.897 0.009 286.2)) se parece más al color con nombre White Elephant. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#DCDCE3
oklch(0.897 0.009 286.2)
Conversiones de color
- HEX
- #dcdce3
- RGB
- rgb(220 220 227)
- HSL
- hsl(240 11% 88%)
- HWB
- hwb(240 86% 11%)
- OKLCH
- oklch(0.897 0.009 286.2)
- OKLab
- oklab(0.897 0.003 -0.009)
- CIE Lab
- lab(87.91 0.95 -3.44)
- LCH
- lch(87.91 3.57 285.5)
- CMYK
- cmyk(3% 3% 0% 11%)
Tintes · Sombras · Tonos
Tintes
- DFDFE6
- E3E3E9
- E6E6EB
- EAEAEE
- EDEDF1
- F1F1F4
- F4F4F7
- F8F8F9
- FBFBFC
Sombras
- BFBFC5
- A3A3A8
- 88888C
- 6E6E71
- 545457
- 3C3C3F
- 262627
- 111112
- 020203
Tonos
- D2D2D9
- C9C9CE
- BFBFC4
- B6B6BA
- ADADB0
- A4A4A6
- 9B9B9D
- 929293
- 898989
Armonías de color
Complementario +180°
- DCDCE3
White Elephant
- DDDDD6
≈ Frosty White
Análogo -30° +30°
- DCDCE3
White Elephant
- D9DDE3
≈ Ash in the Air
- DFDBE1
≈ Breathless
Triádico +120° +240°
- DCDCE3
White Elephant
- E3DBD8
≈ Chernobog Breath
- D7DFDB
≈ Rapier Silver
Complementario dividido +150° +210°
- DCDCE3
White Elephant
- E0DCD6
≈ Pheasant’s Egg
- DADED8
≈ Ladoga Bottom
Tetrádico +90° +180° +270°
- DCDCE3
White Elephant
- E3DADB
≈ Ghostwaver
- DDDDD6
≈ Frosty White
- D6DFDF
≈ Echo Mist
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASobre negro
WCAG 15.38:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.38:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--white-elephant: #dcdce3;
--white-elephant-rgb: 220 220 227;
--white-elephant-oklch: oklch(0.897 0.009 286.2);
}
.element {
color: var(--white-elephant);
background-color: hsl(240 11% 88%);
border-color: oklch(0.897 0.009 286.2);
}Tailwind CSS v4
@theme {
--color-white-elephant: #dcdce3;
--color-white-elephant-50: #f5f5f8;
--color-white-elephant-100: #e7e7eb;
--color-white-elephant-200: #d4d4d8;
--color-white-elephant-300: #b7b7bc;
--color-white-elephant-400: #9e9ea4;
--color-white-elephant-500: #85858c;
--color-white-elephant-600: #717177;
--color-white-elephant-700: #5a5a5f;
--color-white-elephant-800: #424246;
--color-white-elephant-900: #2d2d30;
--color-white-elephant-950: #1a1a1c;
}SCSS
$white-elephant: #dcdce3;
$white-elephant-rgb: 220, 220, 227;
$white-elephant-light: mix(#fff, $white-elephant, 20%);
$white-elephant-dark: mix(#000, $white-elephant, 20%);
.element {
color: $white-elephant;
box-shadow: 0 0 0 2px rgba($white-elephant, 0.35);
}