Adlandırılmış renk · #DCDCD5
Pacific Fog
Pacific Fog, #DCDCD5: rgb(220 220 213), hsl(60 9% 85%), oklch(0.893 0.009 106.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Pacific Fog color name →
#DCDCD5
oklch(0.893 0.009 106.6)
Renk dönüşümleri
- HEX
- #dcdcd5
- RGB
- rgb(220 220 213)
- HSL
- hsl(60 9% 85%)
- HWB
- hwb(60 84% 14%)
- OKLCH
- oklch(0.893 0.009 106.6)
- OKLab
- oklab(0.893 -0.003 0.009)
- CIE Lab
- lab(87.61 -0.92 3.45)
- LCH
- lch(87.61 3.57 105)
- CMYK
- cmyk(0% 0% 3% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFDFD9
- E3E3DD
- E6E6E1
- EAEAE6
- EDEDEA
- F1F1EE
- F4F4F2
- F8F8F6
- FBFBFB
Koyu tonlar
- BFBFB9
- A3A39E
- 888883
- 6E6E6A
- 545451
- 3C3C3A
- 262624
- 111110
- 020202
Gri tonlar
- D2D2CC
- C9C9C3
- BFBFBB
- B6B6B2
- ADADAA
- A4A4A1
- 9B9B99
- 929290
- 898988
Renk uyumları
Tamamlayıcı +180°
- DCDCD5
Pacific Fog
- DBDBE2
≈ Muffled White
Analog -30° +30°
- DCDCD5
Pacific Fog
- DFDBD5
≈ River Shark
- D9DDD7
≈ Ladoga Bottom
Üçlü +120° +240°
- DCDCD5
Pacific Fog
- D5DDE0
≈ Mystic Pool
- E1D9DD
≈ Philanthropist Pink
Bölünmüş tamamlayıcı +150° +210°
- DCDCD5
Pacific Fog
- D8DCE2
≈ Wispy Skies
- DEDAE0
≈ Breathless
Dörtlü +90° +180° +270°
- DCDCD5
Pacific Fog
- D5DEDD
≈ December Rain
- DBDBE2
≈ Muffled White
- E2D9D9
≈ Forgotten Mosque
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.37:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.24:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.24:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--pacific-fog: #dcdcd5;
--pacific-fog-rgb: 220 220 213;
--pacific-fog-oklch: oklch(0.893 0.009 106.6);
}
.element {
color: var(--pacific-fog);
background-color: hsl(60 9% 85%);
border-color: oklch(0.893 0.009 106.6);
}Tailwind CSS v4
@theme {
--color-pacific-fog: #dcdcd5;
--color-pacific-fog-50: #f5f5f2;
--color-pacific-fog-100: #e8e8e5;
--color-pacific-fog-200: #d4d4d0;
--color-pacific-fog-300: #b7b8b2;
--color-pacific-fog-400: #9f9f99;
--color-pacific-fog-500: #878780;
--color-pacific-fog-600: #72726c;
--color-pacific-fog-700: #5b5b56;
--color-pacific-fog-800: #43433f;
--color-pacific-fog-900: #2e2e2b;
--color-pacific-fog-950: #1b1b19;
}SCSS
$pacific-fog: #dcdcd5;
$pacific-fog-rgb: 220, 220, 213;
$pacific-fog-light: mix(#fff, $pacific-fog, 20%);
$pacific-fog-dark: mix(#000, $pacific-fog, 20%);
.element {
color: $pacific-fog;
box-shadow: 0 0 0 2px rgba($pacific-fog, 0.35);
}