En yakın adlandırılmış renk · #D8B8D2
#D8B8D2
En yakın adlandırılmış renk: Purple Poodle
#D8B8D2 (rgb(216 184 210), hsl(311 29% 78%), oklch(0.818 0.05 332.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.
#D8B8D2
oklch(0.818 0.05 332.4)
Renk dönüşümleri
- HEX
- #d8b8d2
- RGB
- rgb(216 184 210)
- HSL
- hsl(311 29% 78%)
- HWB
- hwb(311 72% 15%)
- OKLCH
- oklch(0.818 0.05 332.4)
- OKLab
- oklab(0.818 0.045 -0.023)
- CIE Lab
- lab(78.2 15.13 -8.66)
- LCH
- lch(78.2 17.43 330.2)
- CMYK
- cmyk(0% 15% 3% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCBFD6
- E0C6DB
- E4CDDF
- E8D4E4
- ECDBE8
- F0E2ED
- F3E9F1
- F7F1F6
- FBF8FA
Koyu tonlar
- BCA0B6
- A0889B
- 857181
- 6B5B68
- 534550
- 3B3139
- 251E24
- 110C10
- 020202
Gri tonlar
- CFB2CA
- C6ADC1
- BDA7B9
- B4A1B0
- AB9CA8
- A296A0
- 9A9198
- 918B90
- 898588
Renk uyumları
Tamamlayıcı +180°
- D8B8D2
Purple Poodle
- ACCDB4
≈ Bird’s Egg Green
Analog -30° +30°
- D8B8D2
Purple Poodle
- C9BCDF
≈ Sweet Lucid Dreams
- E1B7C1
≈ Melanie
Üçlü +120° +240°
- D8B8D2
Purple Poodle
- CFC39F
≈ Inviting Gesture
- 9ECDD7
≈ Sea Dew
Bölünmüş tamamlayıcı +150° +210°
- D8B8D2
Purple Poodle
- BDC9A5
≈ Pale Leaf
- A0CFC6
≈ Phosphorus
Dörtlü +90° +180° +270°
- D8B8D2
Purple Poodle
- DCBDA3
≈ Brown-Bag It
- ACCDB4
≈ Bird’s Egg Green
- A8C8E2
≈ Template
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.79:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.70:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.70:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--purple-poodle: #d8b8d2;
--purple-poodle-rgb: 216 184 210;
--purple-poodle-oklch: oklch(0.818 0.05 332.4);
}
.element {
color: var(--purple-poodle);
background-color: hsl(311 29% 78%);
border-color: oklch(0.818 0.05 332.4);
}Tailwind CSS v4
@theme {
--color-purple-poodle: #d8b8d2;
--color-purple-poodle-50: #fff0fb;
--color-purple-poodle-100: #f3e2ef;
--color-purple-poodle-200: #e3cddd;
--color-purple-poodle-300: #c8aec2;
--color-purple-poodle-400: #b194ac;
--color-purple-poodle-500: #9b7a95;
--color-purple-poodle-600: #83677e;
--color-purple-poodle-700: #695365;
--color-purple-poodle-800: #4d3c4b;
--color-purple-poodle-900: #352934;
--color-purple-poodle-950: #20171f;
}SCSS
$purple-poodle: #d8b8d2;
$purple-poodle-rgb: 216, 184, 210;
$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);
}