En yakın adlandırılmış renk · #DB818C
#DB818C
En yakın adlandırılmış renk: Pulp
#DB818C (rgb(219 129 140), hsl(353 56% 68%), oklch(0.702 0.111 12.5)) en çok Pulp 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.
#DB818C
oklch(0.702 0.111 12.5)
Renk dönüşümleri
- HEX
- #db818c
- RGB
- rgb(219 129 140)
- HSL
- hsl(353 56% 68%)
- HWB
- hwb(353 51% 14%)
- OKLCH
- oklch(0.702 0.111 12.5)
- OKLab
- oklab(0.702 0.109 0.024)
- CIE Lab
- lab(64.23 36.45 9.91)
- LCH
- lch(64.23 37.78 15.2)
- CMYK
- cmyk(0% 41% 36% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E08E97
- E49AA2
- E9A7AD
- EDB3B9
- F0C0C4
- F4CCD0
- F7D9DB
- FAE6E7
- FDF2F3
Koyu tonlar
- BE6F79
- A25E67
- 874E55
- 6D3E43
- 542E33
- 3C1F23
- 261214
- 110607
- 020101
Gri tonlar
- D2818B
- C9828A
- C18288
- B88287
- AF8286
- A68285
- 9D8184
- 938182
- 8A8181
Renk uyumları
Tamamlayıcı +180°
- DB818C
Pulp
- 2BB5B2
≈ Swagger
Analog -30° +30°
- DB818C
Pulp
- CF83B2
≈ Ice Plant
- D98766
≈ King Salmon
Üçlü +120° +240°
- DB818C
Pulp
- 84AE64
≈ Jealousy
- 6BA3E3
≈ Windjammer
Bölünmüş tamamlayıcı +150° +210°
- DB818C
Pulp
- 55B58A
≈ Jade Cream
- 3DAED1
≈ Summer Air
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.78:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.53:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--pulp: #db818c;
--pulp-rgb: 219 129 140;
--pulp-oklch: oklch(0.702 0.111 12.5);
}
.element {
color: var(--pulp);
background-color: hsl(353 56% 68%);
border-color: oklch(0.702 0.111 12.5);
}Tailwind CSS v4
@theme {
--color-pulp: #db818c;
--color-pulp-50: #ffe9eb;
--color-pulp-100: #ffd9dc;
--color-pulp-200: #ffc1c5;
--color-pulp-300: #eba0a6;
--color-pulp-400: #d8828c;
--color-pulp-500: #c46472;
--color-pulp-600: #a65560;
--color-pulp-700: #85444d;
--color-pulp-800: #633139;
--color-pulp-900: #452127;
--color-pulp-950: #2d1015;
}SCSS
$pulp: #db818c;
$pulp-rgb: 219, 129, 140;
$pulp-light: mix(#fff, $pulp, 20%);
$pulp-dark: mix(#000, $pulp, 20%);
.element {
color: $pulp;
box-shadow: 0 0 0 2px rgba($pulp, 0.35);
}