En yakın adlandırılmış renk · #D5AFC5
#D5AFC5
En yakın adlandırılmış renk: Purple Poodle
#D5AFC5 (rgb(213 175 197), hsl(325 31% 76%), oklch(0.794 0.053 342.7)) en çok Purple Poodle 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.
#D5AFC5
oklch(0.794 0.053 342.7)
Renk dönüşümleri
- HEX
- #d5afc5
- RGB
- rgb(213 175 197)
- HSL
- hsl(325 31% 76%)
- HWB
- hwb(325 69% 16%)
- OKLCH
- oklch(0.794 0.053 342.7)
- OKLab
- oklab(0.794 0.05 -0.016)
- CIE Lab
- lab(75.4 16.91 -5.77)
- LCH
- lch(75.4 17.87 341.2)
- CMYK
- cmyk(0% 18% 8% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D9B7CB
- DEBFD0
- E2C7D6
- E6CFDC
- EAD7E2
- EFDFE8
- F3E7ED
- F7EFF3
- FBF7F9
Koyu tonlar
- B998AB
- 9E8192
- 836B79
- 6A5661
- 51414B
- 3A2E35
- 241C21
- 100B0E
- 020102
Gri tonlar
- CCAABE
- C4A5B7
- BBA1B0
- B29CA9
- AA97A2
- A1939B
- 998E94
- 91898D
- 888587
Renk uyumları
Tamamlayıcı +180°
- D5AFC5
Purple Poodle
- 9EC7B2
≈ Lobaria Lichen
Analog -30° +30°
- D5AFC5
Purple Poodle
- C8B3D5
≈ Elfin Herb
- DCAFB2
≈ Pale Chestnut
Üçlü +120° +240°
- D5AFC5
Purple Poodle
- C2BE97
≈ Esprit
- 97C4D5
≈ June
Bölünmüş tamamlayıcı +150° +210°
- D5AFC5
Purple Poodle
- AFC4A1
≈ Green Eggs & Cam
- 95C7C5
≈ Pastel Turquoise
Dörtlü +90° +180° +270°
- D5AFC5
Purple Poodle
- D1B797
≈ Slopes
- 9EC7B2
≈ Lobaria Lichen
- A4BFDE
≈ September Aster
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.95:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.76:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.76:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--purple-poodle: #d5afc5;
--purple-poodle-rgb: 213 175 197;
--purple-poodle-oklch: oklch(0.794 0.053 342.7);
}
.element {
color: var(--purple-poodle);
background-color: hsl(325 31% 76%);
border-color: oklch(0.794 0.053 342.7);
}Tailwind CSS v4
@theme {
--color-purple-poodle: #d5afc5;
--color-purple-poodle-50: #ffeff9;
--color-purple-poodle-100: #f6e1ec;
--color-purple-poodle-200: #e6ccd9;
--color-purple-poodle-300: #ccadbe;
--color-purple-poodle-400: #b593a7;
--color-purple-poodle-500: #a07990;
--color-purple-poodle-600: #876679;
--color-purple-poodle-700: #6c5261;
--color-purple-poodle-800: #4f3b48;
--color-purple-poodle-900: #372932;
--color-purple-poodle-950: #22171e;
}SCSS
$purple-poodle: #d5afc5;
$purple-poodle-rgb: 213, 175, 197;
$purple-poodle-light: mix(#fff, $purple-poodle, 20%);
$purple-poodle-dark: mix(#000, $purple-poodle, 20%);
.element {
color: $purple-poodle;
box-shadow: 0 0 0 2px rgba($purple-poodle, 0.35);
}