Warna bernama · #D9DCD5
Lighthouse View
Lighthouse View adalah #D9DCD5: rgb(217 220 213), hsl(86 9% 85%), oklch(0.89 0.01 125.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Lighthouse View color name →
#D9DCD5
oklch(0.89 0.01 125.7)
Konversi warna
- HEX
- #d9dcd5
- RGB
- rgb(217 220 213)
- HSL
- hsl(86 9% 85%)
- HWB
- hwb(86 84% 14%)
- OKLCH
- oklch(0.89 0.01 125.7)
- OKLab
- oklab(0.89 -0.006 0.008)
- CIE Lab
- lab(87.38 -1.99 3.07)
- LCH
- lch(87.38 3.66 122.9)
- CMYK
- cmyk(1% 0% 3% 14%)
Tint · Shade · Tone
Tint
- DDDFD9
- E1E3DD
- E4E6E1
- E8EAE6
- ECEDEA
- F0F1EE
- F3F4F2
- F7F8F6
- FBFBFB
Shade
- BCBFB9
- A1A39E
- 868883
- 6C6E6A
- 535451
- 3B3C3A
- 252624
- 111110
- 020202
Tone
- D0D2CC
- C7C9C3
- BDBFBB
- B4B6B2
- ABADAA
- A3A4A1
- 9A9B99
- 919290
- 888988
Harmoni warna
Komplementer +180°
- D9DCD5
Lighthouse View
- DCD9E0
≈ Misty Lavender
Analog -30° +30°
- D9DCD5
Lighthouse View
- DDDBD4
≈ Pacific Fog
- D6DDD8
≈ Iced Slate
Triadik +120° +240°
- D9DCD5
Lighthouse View
- D6DCE1
≈ Wispy Skies
- E1D8DA
≈ Fairy-Nuff
Split-komplementer +150° +210°
- D9DCD5
Lighthouse View
- D9DAE2
≈ Muffled White
- DFD8DD
≈ Pebble Beach
Tetradik +90° +180° +270°
- D9DCD5
Lighthouse View
- D4DDDF
≈ Blue Nuance
- DCD9E0
≈ Misty Lavender
- E1D9D6
≈ Country Breeze
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.38:1 · APCA Lc 19
Ag
AAADi atas hitam
WCAG 15.14:1 · APCA Lc 85
Warna teks terbaik: #000000
WCAG 15.14:1 (AAA) · APCA Lc 85
Contrast pairs
Cuplikan kode
CSS
:root {
--lighthouse-view: #d9dcd5;
--lighthouse-view-rgb: 217 220 213;
--lighthouse-view-oklch: oklch(0.89 0.01 125.7);
}
.element {
color: var(--lighthouse-view);
background-color: hsl(86 9% 85%);
border-color: oklch(0.89 0.01 125.7);
}Tailwind CSS v4
@theme {
--color-lighthouse-view: #d9dcd5;
--color-lighthouse-view-50: #f4f6f3;
--color-lighthouse-view-100: #e7e8e5;
--color-lighthouse-view-200: #d3d5d1;
--color-lighthouse-view-300: #b6b8b3;
--color-lighthouse-view-400: #9d9f99;
--color-lighthouse-view-500: #848780;
--color-lighthouse-view-600: #70736d;
--color-lighthouse-view-700: #5a5c57;
--color-lighthouse-view-800: #42433f;
--color-lighthouse-view-900: #2d2e2c;
--color-lighthouse-view-950: #1a1b19;
}SCSS
$lighthouse-view: #d9dcd5;
$lighthouse-view-rgb: 217, 220, 213;
$lighthouse-view-light: mix(#fff, $lighthouse-view, 20%);
$lighthouse-view-dark: mix(#000, $lighthouse-view, 20%);
.element {
color: $lighthouse-view;
box-shadow: 0 0 0 2px rgba($lighthouse-view, 0.35);
}