En yakın adlandırılmış renk · #D1C2C0
#D1C2C0
En yakın adlandırılmış renk: Nebulous
#D1C2C0 (rgb(209 194 192), hsl(7 16% 79%), oklch(0.826 0.017 26.7)) en çok Nebulous adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D1C2C0
oklch(0.826 0.017 26.7)
Renk dönüşümleri
- HEX
- #d1c2c0
- RGB
- rgb(209 194 192)
- HSL
- hsl(7 16% 79%)
- HWB
- hwb(7 75% 18%)
- OKLCH
- oklch(0.826 0.017 26.7)
- OKLab
- oklab(0.826 0.015 0.008)
- CIE Lab
- lab(79.65 5.19 3.01)
- LCH
- lch(79.65 6 30.1)
- CMYK
- cmyk(0% 7% 8% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6C8C6
- DACECC
- DFD4D3
- E3DAD9
- E8E0DF
- ECE6E5
- F1ECEC
- F6F3F2
- FAF9F9
Koyu tonlar
- B5A8A7
- 9B8F8E
- 817776
- 68605F
- 504949
- 393434
- 232020
- 100E0E
- 020202
Gri tonlar
- C9BBB9
- C0B4B3
- B8AEAC
- B0A7A6
- A8A09F
- A09A99
- 989393
- 908D8C
- 888686
Renk uyumları
Tamamlayıcı +180°
- D1C2C0
Nebulous
- BAC9CB
≈ Blue Shale
Analog -30° +30°
- D1C2C0
Nebulous
- D0C2C6
≈ Ancestral
- CFC3BB
≈ Old Eggshell
Üçlü +120° +240°
- D1C2C0
Nebulous
- BFC9C0
≈ Mountain Falls
- C1C6D2
≈ French Silk
Bölünmüş tamamlayıcı +150° +210°
- D1C2C0
Nebulous
- BBCAC6
≈ China Light Green
- BCC8D0
≈ Upward
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.72:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.18:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.18:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--nebulous: #d1c2c0;
--nebulous-rgb: 209 194 192;
--nebulous-oklch: oklch(0.826 0.017 26.7);
}
.element {
color: var(--nebulous);
background-color: hsl(7 16% 79%);
border-color: oklch(0.826 0.017 26.7);
}Tailwind CSS v4
@theme {
--color-nebulous: #d1c2c0;
--color-nebulous-50: #faf3f2;
--color-nebulous-100: #eee6e5;
--color-nebulous-200: #dbd2d0;
--color-nebulous-300: #c0b4b2;
--color-nebulous-400: #a89b99;
--color-nebulous-500: #918280;
--color-nebulous-600: #7b6e6c;
--color-nebulous-700: #625857;
--color-nebulous-800: #48403f;
--color-nebulous-900: #322c2c;
--color-nebulous-950: #1e1919;
}SCSS
$nebulous: #d1c2c0;
$nebulous-rgb: 209, 194, 192;
$nebulous-light: mix(#fff, $nebulous, 20%);
$nebulous-dark: mix(#000, $nebulous, 20%);
.element {
color: $nebulous;
box-shadow: 0 0 0 2px rgba($nebulous, 0.35);
}