Adlandırılmış renk · #D9D6E5
Perfection
Perfection, #D9D6E5: rgb(217 214 229), hsl(252 22% 87%), oklch(0.883 0.021 295.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? → · Perfection color name →
#D9D6E5
oklch(0.883 0.021 295.1)
Renk dönüşümleri
- HEX
- #d9d6e5
- RGB
- rgb(217 214 229)
- HSL
- hsl(252 22% 87%)
- HWB
- hwb(252 84% 10%)
- OKLCH
- oklch(0.883 0.021 295.1)
- OKLab
- oklab(0.883 0.009 -0.019)
- CIE Lab
- lab(86.2 3.13 -7.02)
- LCH
- lch(86.2 7.68 294)
- CMYK
- cmyk(5% 7% 0% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DDDAE8
- E0DEEA
- E4E2ED
- E8E6EF
- ECEAF2
- F0EEF5
- F3F3F7
- F7F7FA
- FBFBFC
Koyu tonlar
- BCBAC7
- A19EAA
- 86848E
- 6C6A72
- 535258
- 3B3B3F
- 252528
- 111012
- 020203
Gri tonlar
- D0CDDA
- C7C4D0
- BDBBC6
- B4B3BB
- ABAAB1
- A3A1A7
- 9A999D
- 919193
- 88888A
Renk uyumları
Tamamlayıcı +180°
- D9D6E5
Perfection
- D8DACB
≈ Stage Whisper
Analog -30° +30°
- D9D6E5
Perfection
- D2D9E7
≈ Cheerful Whisper
- E0D4E0
≈ Tender Limerence
Üçlü +120° +240°
- D9D6E5
Perfection
- E4D5CC
≈ Ocean Sand
- CBDDD8
≈ Light Quaver
Bölünmüş tamamlayıcı +150° +210°
- D9D6E5
Perfection
- DFD8C9
≈ Stretched Canvas
- D0DCD0
≈ Healthy Wealthy and Wise
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.42:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.70:1 · APCA Lc 83
En iyi metin rengi: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--perfection: #d9d6e5;
--perfection-rgb: 217 214 229;
--perfection-oklch: oklch(0.883 0.021 295.1);
}
.element {
color: var(--perfection);
background-color: hsl(252 22% 87%);
border-color: oklch(0.883 0.021 295.1);
}Tailwind CSS v4
@theme {
--color-perfection: #d9d6e5;
--color-perfection-50: #f5f4fa;
--color-perfection-100: #e8e6ee;
--color-perfection-200: #d5d2dc;
--color-perfection-300: #b8b5c1;
--color-perfection-400: #9f9caa;
--color-perfection-500: #878493;
--color-perfection-600: #726f7c;
--color-perfection-700: #5b5963;
--color-perfection-800: #424149;
--color-perfection-900: #2e2d33;
--color-perfection-950: #1b1a1e;
}SCSS
$perfection: #d9d6e5;
$perfection-rgb: 217, 214, 229;
$perfection-light: mix(#fff, $perfection, 20%);
$perfection-dark: mix(#000, $perfection, 20%);
.element {
color: $perfection;
box-shadow: 0 0 0 2px rgba($perfection, 0.35);
}