Adlandırılmış renk · #D4CBCC
Eagle’s View
Eagle’s View, #D4CBCC: rgb(212 203 204), hsl(353 9% 81%), oklch(0.85 0.01 9.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? → · Eagle’s View color name →
#D4CBCC
oklch(0.85 0.01 9.6)
Renk dönüşümleri
- HEX
- #d4cbcc
- RGB
- rgb(212 203 204)
- HSL
- hsl(353 9% 81%)
- HWB
- hwb(353 80% 17%)
- OKLCH
- oklch(0.85 0.01 9.6)
- OKLab
- oklab(0.85 0.01 0.002)
- CIE Lab
- lab(82.44 3.36 0.67)
- LCH
- lch(82.44 3.43 11.3)
- CMYK
- cmyk(0% 4% 4% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D8D0D1
- DDD5D6
- E1DADB
- E5E0E0
- E9E5E5
- EEEAEA
- F2EFEF
- F6F4F5
- FBFAFA
Koyu tonlar
- B8B0B1
- 9D9697
- 837D7E
- 696565
- 514D4E
- 3A3737
- 242222
- 100F0F
- 020202
Gri tonlar
- CBC3C4
- C3BCBC
- BAB4B5
- B2ACAD
- A9A5A5
- A19D9E
- 989696
- 908E8F
- 888787
Renk uyumları
Tamamlayıcı +180°
- D4CBCC
Eagle’s View
- C7D0CF
≈ Foggy Morn
Analog -30° +30°
- D4CBCC
Eagle’s View
- D2CBD0
≈ Light Stately Frills
- D4CCC9
≈ Individual White
Üçlü +120° +240°
- D4CBCC
Eagle’s View
- CBCFC8
≈ Planetary Silver
- C9CED4
≈ Dawn’s Early Light
Bölünmüş tamamlayıcı +150° +210°
- D4CBCC
Eagle’s View
- C8D0CB
≈ Infusion
- C7CFD2
≈ Dawn’s Early Light
Dörtlü +90° +180° +270°
- D4CBCC
Eagle’s View
- CFCEC6
≈ Lattice
- C7D0CF
≈ Foggy Morn
- CCCDD4
≈ Ghostly Grey
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 {
--eagle-s-view: #d4cbcc;
--eagle-s-view-rgb: 212 203 204;
--eagle-s-view-oklch: oklch(0.85 0.01 9.6);
}
.element {
color: var(--eagle-s-view);
background-color: hsl(353 9% 81%);
border-color: oklch(0.85 0.01 9.6);
}Tailwind CSS v4
@theme {
--color-eagle-s-view: #d4cbcc;
--color-eagle-s-view-50: #f8f4f4;
--color-eagle-s-view-100: #ebe6e7;
--color-eagle-s-view-200: #d8d2d3;
--color-eagle-s-view-300: #bcb5b6;
--color-eagle-s-view-400: #a49c9d;
--color-eagle-s-view-500: #8d8385;
--color-eagle-s-view-600: #776f70;
--color-eagle-s-view-700: #5f595a;
--color-eagle-s-view-800: #464142;
--color-eagle-s-view-900: #302d2d;
--color-eagle-s-view-950: #1c1a1a;
}SCSS
$eagle-s-view: #d4cbcc;
$eagle-s-view-rgb: 212, 203, 204;
$eagle-s-view-light: mix(#fff, $eagle-s-view, 20%);
$eagle-s-view-dark: mix(#000, $eagle-s-view, 20%);
.element {
color: $eagle-s-view;
box-shadow: 0 0 0 2px rgba($eagle-s-view, 0.35);
}