Color con nombre · #DEE1DF
Rock Candy
Rock Candy es #DEE1DF: rgb(222 225 223), hsl(140 5% 88%), oklch(0.907 0.004 157.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Rock Candy color name →
#DEE1DF
oklch(0.907 0.004 157.2)
Conversiones de color
- HEX
- #dee1df
- RGB
- rgb(222 225 223)
- HSL
- hsl(140 5% 88%)
- HWB
- hwb(140 87% 12%)
- OKLCH
- oklch(0.907 0.004 157.2)
- OKLab
- oklab(0.907 -0.004 0.002)
- CIE Lab
- lab(89.25 -1.32 0.61)
- LCH
- lch(89.25 1.45 155.2)
- CMYK
- cmyk(1% 0% 1% 12%)
Tintes · Sombras · Tonos
Tintes
- E1E4E2
- E5E7E5
- E8EAE9
- EBEDEC
- EEF0EF
- F2F3F2
- F5F6F5
- F8F9F9
- FCFCFC
Sombras
- C1C4C2
- A5A7A5
- 898B8A
- 6F706F
- 555656
- 3D3E3D
- 262727
- 121212
- 020202
Tonos
- D4D7D5
- CACDCB
- C1C3C2
- B7B9B8
- AEAFAE
- A4A6A5
- 9B9C9B
- 929392
- 898989
Armonías de color
Complementario +180°
- DEE1DF
Rock Candy
- E2DFE1
≈ Chrome
Análogo -30° +30°
- DEE1DF
Rock Candy
- DFE1DE
≈ Rock Candy
- DDE1E1
≈ Beach Wind
Triádico +120° +240°
- DEE1DF
Rock Candy
- DFE0E3
≈ Wind Chime
- E3DFDE
≈ Christmas Silver
Complementario dividido +150° +210°
- DEE1DF
Rock Candy
- E1DFE2
≈ Soft Silk
- E3DFE0
≈ Christmas Silver
Tetrádico +90° +180° +270°
- DEE1DF
Rock Candy
- DEE0E3
≈ Wind Chime
- E2DFE1
≈ Chrome
- E2E0DD
≈ Ghosted
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.31:1 · APCA Lc 16
Ag
AAASobre negro
WCAG 15.94:1 · APCA Lc 88
Mejor color de texto: #000000
WCAG 15.94:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--rock-candy: #dee1df;
--rock-candy-rgb: 222 225 223;
--rock-candy-oklch: oklch(0.907 0.004 157.2);
}
.element {
color: var(--rock-candy);
background-color: hsl(140 5% 88%);
border-color: oklch(0.907 0.004 157.2);
}Tailwind CSS v4
@theme {
--color-rock-candy: #dee1df;
--color-rock-candy-50: #f4f5f5;
--color-rock-candy-100: #e7e8e7;
--color-rock-candy-200: #d3d5d3;
--color-rock-candy-300: #b6b8b6;
--color-rock-candy-400: #9c9f9d;
--color-rock-candy-500: #848785;
--color-rock-candy-600: #707271;
--color-rock-candy-700: #595b5a;
--color-rock-candy-800: #414342;
--color-rock-candy-900: #2d2e2d;
--color-rock-candy-950: #1a1b1a;
}SCSS
$rock-candy: #dee1df;
$rock-candy-rgb: 222, 225, 223;
$rock-candy-light: mix(#fff, $rock-candy, 20%);
$rock-candy-dark: mix(#000, $rock-candy, 20%);
.element {
color: $rock-candy;
box-shadow: 0 0 0 2px rgba($rock-candy, 0.35);
}