Nazwany kolor · #D1CCCB
Off Shore
Off Shore to #D1CCCB: rgb(209 204 203), hsl(10 6% 81%), oklch(0.849 0.006 31.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Off Shore color name →
#D1CCCB
oklch(0.849 0.006 31.1)
Konwersje koloru
- HEX
- #d1cccb
- RGB
- rgb(209 204 203)
- HSL
- hsl(10 6% 81%)
- HWB
- hwb(10 80% 18%)
- OKLCH
- oklch(0.849 0.006 31.1)
- OKLab
- oklab(0.849 0.005 0.003)
- CIE Lab
- lab(82.43 1.65 1.14)
- LCH
- lch(82.43 2.01 34.7)
- CMYK
- cmyk(0% 2% 3% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6D1D0
- DAD6D5
- DFDBDA
- E3E0E0
- E8E5E5
- ECEAEA
- F1EFEF
- F6F5F4
- FAFAFA
Odcienie ciemniejsze
- B5B1B0
- 9B9796
- 817E7D
- 686565
- 504E4D
- 393737
- 232222
- 100F0F
- 020202
Tony
- C9C4C3
- C0BCBC
- B8B5B4
- B0ADAC
- A8A5A5
- A09E9D
- 989696
- 908F8E
- 888787
Harmonie kolorów
Komplementarna +180°
- D1CCCB
Off Shore
- C9CECF
≈ Whisper of Smoke
Analogowa -30° +30°
- D1CCCB
Off Shore
- D1CCCD
≈ Watermill Wood
- D0CDCA
≈ Free Reign
Triada +120° +240°
- D1CCCB
Off Shore
- CBCECB
≈ Loft Space
- CCCDD1
≈ Dusty Grey
Komplementarna rozszczepiona +150° +210°
- D1CCCB
Off Shore
- CACFCD
≈ Light French Grey
- CACED1
≈ Lunar Rays
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.21:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.21:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--off-shore: #d1cccb;
--off-shore-rgb: 209 204 203;
--off-shore-oklch: oklch(0.849 0.006 31.1);
}
.element {
color: var(--off-shore);
background-color: hsl(10 6% 81%);
border-color: oklch(0.849 0.006 31.1);
}Tailwind CSS v4
@theme {
--color-off-shore: #d1cccb;
--color-off-shore-50: #f7f4f4;
--color-off-shore-100: #eae7e6;
--color-off-shore-200: #d7d3d3;
--color-off-shore-300: #bab6b5;
--color-off-shore-400: #a29d9c;
--color-off-shore-500: #8a8584;
--color-off-shore-600: #757070;
--color-off-shore-700: #5d5a59;
--color-off-shore-800: #444241;
--color-off-shore-900: #2f2d2d;
--color-off-shore-950: #1c1a1a;
}SCSS
$off-shore: #d1cccb;
$off-shore-rgb: 209, 204, 203;
$off-shore-light: mix(#fff, $off-shore, 20%);
$off-shore-dark: mix(#000, $off-shore, 20%);
.element {
color: $off-shore;
box-shadow: 0 0 0 2px rgba($off-shore, 0.35);
}