Màu có tên · #DBDEDB
Nomadic Dream
Nomadic Dream là #DBDEDB: rgb(219 222 219), hsl(120 4% 86%), oklch(0.897 0.005 145.5). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Nomadic Dream color name →
#DBDEDB
oklch(0.897 0.005 145.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DFE1DF
- E2E5E2
- E6E8E6
- E9EBE9
- EDEEED
- F0F2F0
- F4F5F4
- F8F8F8
- FBFCFB
Sắc đậm
- BEC1BE
- A2A5A2
- 878987
- 6D6F6D
- 545554
- 3C3D3C
- 262626
- 111211
- 020202
Sắc xám
- D2D4D2
- C8CAC8
- BFC1BF
- B6B7B6
- ACAEAC
- A3A4A3
- 9A9B9A
- 919291
- 898989
Hòa sắc
Bổ túc +180°
- DBDEDB
Nomadic Dream
- DFDCDF
≈ Lavender Lace
Tương đồng -30° +30°
- DBDEDB
Nomadic Dream
- DDDEDA
≈ Nomadic Dream
- DADEDD
≈ Silver Sand
Bộ ba +120° +240°
- DBDEDB
Nomadic Dream
- DBDDE1
≈ Script White
- E0DCDB
≈ Snow Peak
Bổ túc chia +150° +210°
- DBDEDB
Nomadic Dream
- DDDCE0
≈ Azure Hint
- E0DCDD
≈ Royal Silver
Bộ bốn +90° +180° +270°
- DBDEDB
Nomadic Dream
- DADEE0
≈ Script White
- DFDCDF
≈ Lavender Lace
- E0DCDA
≈ Aged Cotton
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.35:1 · APCA Lc 17
Ag
AAATrên nền đen
WCAG 15.48:1 · APCA Lc 86
Màu chữ tốt nhất: #000000
WCAG 15.48:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
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);
}