Colore con nome più vicino · #E67A89
#E67A89
Colore con nome più vicino: Pulp
#E67A89 (rgb(230 122 137), hsl(352 68% 69%), oklch(0.705 0.134 12.3)) è più vicino al colore con nome Pulp. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E67A89
oklch(0.705 0.134 12.3)
Conversioni di colore
- HEX
- #e67a89
- RGB
- rgb(230 122 137)
- HSL
- hsl(352 68% 69%)
- HWB
- hwb(352 48% 10%)
- OKLCH
- oklch(0.705 0.134 12.3)
- OKLab
- oklab(0.705 0.131 0.029)
- CIE Lab
- lab(64.22 43.71 11.86)
- LCH
- lch(64.22 45.29 15.2)
- CMYK
- cmyk(0% 47% 40% 10%)
Tinte · Ombre · Toni
Tinte
- EA8894
- EE95A0
- F1A3AB
- F4B0B7
- F7BDC3
- F9CACE
- FBD7DA
- FDE5E6
- FEF2F3
Ombre
- C86976
- AB5964
- 8E4953
- 733A42
- 592B31
- 401D22
- 281014
- 130507
- 030101
Toni
- DC7B88
- D37D87
- C97E86
- BF7F86
- B57F85
- AB8084
- A08083
- 968082
- 8B8081
Armonie di colore
Complementare +180°
- E67A89
Pulp
- 00B7B4
≈ Swagger
Analogo -30° +30°
Triadico +120° +240°
- E67A89
Pulp
- 7FB155
≈ Lost Golfer
- 5EA4F0
≈ Feather Star
Complementare divisa +150° +210°
- E67A89
Pulp
- 3BB986
≈ Aztec Jade
- 00B1DA
≈ Blue Atoll
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.79:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.50:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--pulp: #e67a89;
--pulp-rgb: 230 122 137;
--pulp-oklch: oklch(0.705 0.134 12.3);
}
.element {
color: var(--pulp);
background-color: hsl(352 68% 69%);
border-color: oklch(0.705 0.134 12.3);
}Tailwind CSS v4
@theme {
--color-pulp: #e67a89;
--color-pulp-50: #ffe6e9;
--color-pulp-100: #ffd6da;
--color-pulp-200: #ffbdc3;
--color-pulp-300: #f49ba2;
--color-pulp-400: #e17b89;
--color-pulp-500: #cf5b6e;
--color-pulp-600: #ae4e5d;
--color-pulp-700: #8c3e4a;
--color-pulp-800: #682c37;
--color-pulp-900: #491e26;
--color-pulp-950: #300d14;
}SCSS
$pulp: #e67a89;
$pulp-rgb: 230, 122, 137;
$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);
}