En yakın adlandırılmış renk · #DFB7CC
#DFB7CC
En yakın adlandırılmış renk: Purple Poodle
#DFB7CC (rgb(223 183 204), hsl(329 38% 80%), oklch(0.821 0.054 345.4)) 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.
#DFB7CC
oklch(0.821 0.054 345.4)
Renk dönüşümleri
- HEX
- #dfb7cc
- RGB
- rgb(223 183 204)
- HSL
- hsl(329 38% 80%)
- HWB
- hwb(329 72% 13%)
- OKLCH
- oklch(0.821 0.054 345.4)
- OKLab
- oklab(0.821 0.052 -0.013)
- CIE Lab
- lab(78.48 17.38 -4.93)
- LCH
- lch(78.48 18.06 344.2)
- CMYK
- cmyk(0% 18% 9% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2BED1
- E6C5D6
- E9CCDB
- ECD3E0
- F0DBE5
- F3E2EA
- F6E9F0
- F9F0F5
- FCF8FA
Koyu tonlar
- C29FB1
- A58797
- 8A707E
- 6F5A65
- 56454E
- 3D3137
- 271E22
- 120C0F
- 020202
Gri tonlar
- D5B1C4
- CBACBC
- C2A6B5
- B8A1AD
- AF9BA5
- A5969E
- 9C9096
- 938B8F
- 898587
Renk uyumları
Tamamlayıcı +180°
- DFB7CC
Purple Poodle
- A5D0BC
≈ Taffy Twist
Analog -30° +30°
- DFB7CC
Purple Poodle
- D2BADD
≈ Pussyfoot
- E5B7B9
≈ Bistro Pink
Üçlü +120° +240°
- DFB7CC
Purple Poodle
- C9C79F
≈ Archisa
- A0CCDF
≈ Intercoastal
Bölünmüş tamamlayıcı +150° +210°
- DFB7CC
Purple Poodle
- B5CDAA
≈ Gio Ponti Green
- 9CD0CF
≈ Morning Glory
Dörtlü +90° +180° +270°
- DFB7CC
Purple Poodle
- D9C09E
≈ Golden Gate
- A5D0BC
≈ Taffy Twist
- AEC7E7
≈ Promise Keeping
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.78:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.78:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.78:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--purple-poodle: #dfb7cc;
--purple-poodle-rgb: 223 183 204;
--purple-poodle-oklch: oklch(0.821 0.054 345.4);
}
.element {
color: var(--purple-poodle);
background-color: hsl(329 38% 80%);
border-color: oklch(0.821 0.054 345.4);
}Tailwind CSS v4
@theme {
--color-purple-poodle: #dfb7cc;
--color-purple-poodle-50: #ffeff8;
--color-purple-poodle-100: #f6e1eb;
--color-purple-poodle-200: #e7cbd8;
--color-purple-poodle-300: #cdadbc;
--color-purple-poodle-400: #b792a5;
--color-purple-poodle-500: #a1788e;
--color-purple-poodle-600: #886678;
--color-purple-poodle-700: #6d5160;
--color-purple-poodle-800: #503b47;
--color-purple-poodle-900: #382931;
--color-purple-poodle-950: #22161d;
}SCSS
$purple-poodle: #dfb7cc;
$purple-poodle-rgb: 223, 183, 204;
$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);
}