Color con nombre · #DBDEDB
Nomadic Dream
Nomadic Dream es #DBDEDB: rgb(219 222 219), hsl(120 4% 86%), oklch(0.897 0.005 145.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Nomadic Dream color name →
#DBDEDB
oklch(0.897 0.005 145.5)
Conversiones de color
- HEX
- #dbdedb
- RGB
- rgb(219 222 219)
- HSL
- hsl(120 4% 86%)
- HWB
- hwb(120 86% 13%)
- OKLCH
- oklch(0.897 0.005 145.5)
- OKLab
- oklab(0.897 -0.004 0.003)
- CIE Lab
- lab(88.17 -1.45 1.1)
- LCH
- lch(88.17 1.82 142.9)
- CMYK
- cmyk(1% 0% 1% 13%)
Tintes · Sombras · Tonos
Tintes
- DFE1DF
- E2E5E2
- E6E8E6
- E9EBE9
- EDEEED
- F0F2F0
- F4F5F4
- F8F8F8
- FBFCFB
Sombras
- BEC1BE
- A2A5A2
- 878987
- 6D6F6D
- 545554
- 3C3D3C
- 262626
- 111211
- 020202
Tonos
- D2D4D2
- C8CAC8
- BFC1BF
- B6B7B6
- ACAEAC
- A3A4A3
- 9A9B9A
- 919291
- 898989
Armonías de color
Complementario +180°
- DBDEDB
Nomadic Dream
- DFDCDF
≈ Lavender Lace
Análogo -30° +30°
- DBDEDB
Nomadic Dream
- DDDEDA
≈ Nomadic Dream
- DADEDD
≈ Silver Sand
Triádico +120° +240°
- DBDEDB
Nomadic Dream
- DBDDE1
≈ Script White
- E0DCDB
≈ Snow Peak
Complementario dividido +150° +210°
- DBDEDB
Nomadic Dream
- DDDCE0
≈ Azure Hint
- E0DCDD
≈ Royal Silver
Tetrádico +90° +180° +270°
- DBDEDB
Nomadic Dream
- DADEE0
≈ Script White
- DFDCDF
≈ Lavender Lace
- E0DCDA
≈ Aged Cotton
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.48:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.48:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--nomadic-dream: #dbdedb;
--nomadic-dream-rgb: 219 222 219;
--nomadic-dream-oklch: oklch(0.897 0.005 145.5);
}
.element {
color: var(--nomadic-dream);
background-color: hsl(120 4% 86%);
border-color: oklch(0.897 0.005 145.5);
}Tailwind CSS v4
@theme {
--color-nomadic-dream: #dbdedb;
--color-nomadic-dream-50: #f4f5f4;
--color-nomadic-dream-100: #e7e8e7;
--color-nomadic-dream-200: #d3d5d3;
--color-nomadic-dream-300: #b6b8b6;
--color-nomadic-dream-400: #9c9f9c;
--color-nomadic-dream-500: #848784;
--color-nomadic-dream-600: #707270;
--color-nomadic-dream-700: #595b59;
--color-nomadic-dream-800: #414341;
--color-nomadic-dream-900: #2d2e2d;
--color-nomadic-dream-950: #1a1b1a;
}SCSS
$nomadic-dream: #dbdedb;
$nomadic-dream-rgb: 219, 222, 219;
$nomadic-dream-light: mix(#fff, $nomadic-dream, 20%);
$nomadic-dream-dark: mix(#000, $nomadic-dream, 20%);
.element {
color: $nomadic-dream;
box-shadow: 0 0 0 2px rgba($nomadic-dream, 0.35);
}