Couleur nommée la plus proche · #DB818B
#DB818B
Couleur nommée la plus proche: Pulp
#DB818B (rgb(219 129 139), hsl(353 56% 68%), oklch(0.702 0.111 13.2)) est la plus proche de la couleur nommée Pulp. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DB818B
oklch(0.702 0.111 13.2)
Conversions de couleur
- HEX
- #db818b
- RGB
- rgb(219 129 139)
- HSL
- hsl(353 56% 68%)
- HWB
- hwb(353 51% 14%)
- OKLCH
- oklch(0.702 0.111 13.2)
- OKLab
- oklab(0.702 0.108 0.025)
- CIE Lab
- lab(64.21 36.37 10.45)
- LCH
- lch(64.21 37.84 16)
- CMYK
- cmyk(0% 41% 37% 14%)
Teintes · Ombres · Tons
Teintes
- E08E96
- E49AA1
- E9A7AD
- EDB3B8
- F0C0C4
- F4CCCF
- F7D9DB
- FAE6E7
- FDF2F3
Ombres
- BE6F78
- A25E66
- 874E54
- 6D3E43
- 542E32
- 3C1F23
- 261214
- 110607
- 020101
Tons
- D2818A
- C98289
- C18288
- B88287
- AF8286
- A68285
- 9D8183
- 938182
- 8A8181
Harmonies de couleurs
Complémentaire +180°
- DB818B
Pulp
- 2BB5B2
≈ Swagger
Analogue -30° +30°
- DB818B
Pulp
- CF82B1
≈ Ice Plant
- D98765
≈ King Salmon
Triadique +120° +240°
- DB818B
Pulp
- 83AE64
≈ Jealousy
- 6CA3E3
≈ Windjammer
Complémentaire divisée +150° +210°
- DB818B
Pulp
- 54B58B
≈ Jade Cream
- 3EAED2
≈ Summer Air
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.79:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.52:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--pulp: #db818b;
--pulp-rgb: 219 129 139;
--pulp-oklch: oklch(0.702 0.111 13.2);
}
.element {
color: var(--pulp);
background-color: hsl(353 56% 68%);
border-color: oklch(0.702 0.111 13.2);
}Tailwind CSS v4
@theme {
--color-pulp: #db818b;
--color-pulp-50: #ffe9eb;
--color-pulp-100: #ffdadc;
--color-pulp-200: #ffc1c5;
--color-pulp-300: #eba0a5;
--color-pulp-400: #d8828b;
--color-pulp-500: #c46471;
--color-pulp-600: #a65560;
--color-pulp-700: #85444c;
--color-pulp-800: #633139;
--color-pulp-900: #452127;
--color-pulp-950: #2d1015;
}SCSS
$pulp: #db818b;
$pulp-rgb: 219, 129, 139;
$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);
}