Nazwany kolor · #CDD5D3
Pacific Mist
Pacific Mist to #CDD5D3: rgb(205 213 211), hsl(165 9% 82%), oklch(0.866 0.009 179.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pacific Mist color name →
#CDD5D3
oklch(0.866 0.009 179.6)
Konwersje koloru
- HEX
- #cdd5d3
- RGB
- rgb(205 213 211)
- HSL
- hsl(165 9% 82%)
- HWB
- hwb(165 80% 16%)
- OKLCH
- oklch(0.866 0.009 179.6)
- OKLab
- oklab(0.866 -0.009 0)
- CIE Lab
- lab(84.6 -3.09 0)
- LCH
- lch(84.6 3.09 180.1)
- CMYK
- cmyk(4% 0% 1% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D2D9D7
- D7DDDC
- DCE1E0
- E1E6E4
- E6EAE9
- EBEEED
- F0F2F2
- F5F6F6
- FAFBFB
Odcienie ciemniejsze
- B2B9B7
- 989E9C
- 7E8382
- 666A69
- 4E5151
- 383A3A
- 232424
- 0F1010
- 020202
Tony
- C5CCCA
- BDC3C2
- B5BBB9
- ADB2B1
- A6AAA9
- 9EA1A0
- 969998
- 8F9090
- 878888
Harmonie kolorów
Komplementarna +180°
- CDD5D3
Pacific Mist
- D8D1D3
≈ Beluga Song
Analogowa -30° +30°
- CDD5D3
Pacific Mist
- CFD5D0
≈ Old Sterling
- CDD5D6
≈ Zumthor
Triada +120° +240°
- CDD5D3
Pacific Mist
- D4D2D8
≈ Etude Lilac
- D8D2CD
≈ Smoked Oyster
Komplementarna rozszczepiona +150° +210°
- CDD5D3
Pacific Mist
- D7D1D6
≈ Lilac Mauve
- D9D1CF
≈ Roman Mosaic
Tetrada +90° +180° +270°
- CDD5D3
Pacific Mist
- D0D3D9
≈ Blueberry Whip
- D8D1D3
≈ Beluga Song
- D5D3CC
≈ Slow Perch
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.49:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.05:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 14.05:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--pacific-mist: #cdd5d3;
--pacific-mist-rgb: 205 213 211;
--pacific-mist-oklch: oklch(0.866 0.009 179.6);
}
.element {
color: var(--pacific-mist);
background-color: hsl(165 9% 82%);
border-color: oklch(0.866 0.009 179.6);
}Tailwind CSS v4
@theme {
--color-pacific-mist: #cdd5d3;
--color-pacific-mist-50: #f2f6f5;
--color-pacific-mist-100: #e5e9e8;
--color-pacific-mist-200: #d0d5d4;
--color-pacific-mist-300: #b3b9b7;
--color-pacific-mist-400: #99a09e;
--color-pacific-mist-500: #808886;
--color-pacific-mist-600: #6c7372;
--color-pacific-mist-700: #575c5b;
--color-pacific-mist-800: #3f4342;
--color-pacific-mist-900: #2b2f2e;
--color-pacific-mist-950: #191b1a;
}SCSS
$pacific-mist: #cdd5d3;
$pacific-mist-rgb: 205, 213, 211;
$pacific-mist-light: mix(#fff, $pacific-mist, 20%);
$pacific-mist-dark: mix(#000, $pacific-mist, 20%);
.element {
color: $pacific-mist;
box-shadow: 0 0 0 2px rgba($pacific-mist, 0.35);
}