Najbliższy nazwany kolor · #E67A89
#E67A89
Najbliższy nazwany kolor: Pulp
#E67A89 (rgb(230 122 137), hsl(352 68% 69%), oklch(0.705 0.134 12.3)) jest najbliższy nazwanemu kolorowi Pulp. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E67A89
oklch(0.705 0.134 12.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EA8894
- EE95A0
- F1A3AB
- F4B0B7
- F7BDC3
- F9CACE
- FBD7DA
- FDE5E6
- FEF2F3
Odcienie ciemniejsze
- C86976
- AB5964
- 8E4953
- 733A42
- 592B31
- 401D22
- 281014
- 130507
- 030101
Tony
- DC7B88
- D37D87
- C97E86
- BF7F86
- B57F85
- AB8084
- A08083
- 968082
- 8B8081
Harmonie kolorów
Komplementarna +180°
- E67A89
Pulp
- 00B7B4
≈ Swagger
Analogowa -30° +30°
Triada +120° +240°
- E67A89
Pulp
- 7FB155
≈ Lost Golfer
- 5EA4F0
≈ Feather Star
Komplementarna rozszczepiona +150° +210°
- E67A89
Pulp
- 3BB986
≈ Aztec Jade
- 00B1DA
≈ Blue Atoll
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.50:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
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);
}