Adlandırılmış renk · #D1CCCB
Off Shore
Off Shore, #D1CCCB: rgb(209 204 203), hsl(10 6% 81%), oklch(0.849 0.006 31.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Off Shore color name →
#D1CCCB
oklch(0.849 0.006 31.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6D1D0
- DAD6D5
- DFDBDA
- E3E0E0
- E8E5E5
- ECEAEA
- F1EFEF
- F6F5F4
- FAFAFA
Koyu tonlar
- B5B1B0
- 9B9796
- 817E7D
- 686565
- 504E4D
- 393737
- 232222
- 100F0F
- 020202
Gri tonlar
- C9C4C3
- C0BCBC
- B8B5B4
- B0ADAC
- A8A5A5
- A09E9D
- 989696
- 908F8E
- 888787
Renk uyumları
Tamamlayıcı +180°
- D1CCCB
Off Shore
- C9CECF
≈ Whisper of Smoke
Analog -30° +30°
- D1CCCB
Off Shore
- D1CCCD
≈ Watermill Wood
- D0CDCA
≈ Free Reign
Üçlü +120° +240°
- D1CCCB
Off Shore
- CBCECB
≈ Loft Space
- CCCDD1
≈ Dusty Grey
Bölünmüş tamamlayıcı +150° +210°
- D1CCCB
Off Shore
- CACFCD
≈ Light French Grey
- CACED1
≈ Lunar Rays
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.58:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.21:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.21:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
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);
}