En yakın adlandırılmış renk · #DEB9E2
#DEB9E2
En yakın adlandırılmış renk: Blushing Sky
#DEB9E2 (rgb(222 185 226), hsl(294 41% 81%), oklch(0.831 0.069 323)) en çok Blushing Sky 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.
#DEB9E2
oklch(0.831 0.069 323)
Renk dönüşümleri
- HEX
- #deb9e2
- RGB
- rgb(222 185 226)
- HSL
- hsl(294 41% 81%)
- HWB
- hwb(294 73% 11%)
- OKLCH
- oklch(0.831 0.069 323)
- OKLab
- oklab(0.831 0.055 -0.042)
- CIE Lab
- lab(79.41 18.95 -15.39)
- LCH
- lch(79.41 24.41 320.9)
- CMYK
- cmyk(2% 18% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1C0E5
- E5C7E8
- E8CEEB
- EBD5EE
- EFDCF1
- F2E3F4
- F5EAF6
- F9F1F9
- FCF8FC
Koyu tonlar
- C1A0C4
- A589A8
- 89718C
- 6F5B71
- 554657
- 3D313E
- 261E27
- 120D12
- 020203
Gri tonlar
- D4B3D8
- CBADCE
- C1A8C4
- B8A2BA
- AE9CB0
- A597A6
- 9B919C
- 928B93
- 898689
Renk uyumları
Tamamlayıcı +180°
- DEB9E2
Blushing Sky
- AED4AB
≈ Flower Stem
Analog -30° +30°
- DEB9E2
Blushing Sky
- C9C0F1
≈ Connecticut Lilac
- ECB6CB
≈ Fairy Tale
Üçlü +120° +240°
- DEB9E2
Blushing Sky
- DEC494
≈ Dirty Blonde
- 91D5DB
≈ Arctic Blue
Bölünmüş tamamlayıcı +150° +210°
- DEB9E2
Blushing Sky
- C7CD99
≈ Vegetarian Vulture
- 99D7C3
≈ Isabella’s Aqua
Dörtlü +90° +180° +270°
- DEB9E2
Blushing Sky
- ECBC9E
≈ Cinnamon Foam
- AED4AB
≈ Flower Stem
- 9BD0EE
≈ Mediterranean Charm
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.72:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.14:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.14:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--blushing-sky: #deb9e2;
--blushing-sky-rgb: 222 185 226;
--blushing-sky-oklch: oklch(0.831 0.069 323);
}
.element {
color: var(--blushing-sky);
background-color: hsl(294 41% 81%);
border-color: oklch(0.831 0.069 323);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #deb9e2;
--color-blushing-sky-50: #ffefff;
--color-blushing-sky-100: #f4e0f5;
--color-blushing-sky-200: #e4cbe5;
--color-blushing-sky-300: #caaccb;
--color-blushing-sky-400: #b391b6;
--color-blushing-sky-500: #9d77a1;
--color-blushing-sky-600: #846588;
--color-blushing-sky-700: #6a506d;
--color-blushing-sky-800: #4d3b51;
--color-blushing-sky-900: #362838;
--color-blushing-sky-950: #211623;
}SCSS
$blushing-sky: #deb9e2;
$blushing-sky-rgb: 222, 185, 226;
$blushing-sky-light: mix(#fff, $blushing-sky, 20%);
$blushing-sky-dark: mix(#000, $blushing-sky, 20%);
.element {
color: $blushing-sky;
box-shadow: 0 0 0 2px rgba($blushing-sky, 0.35);
}