Nächste benannte Farbe · #E68388
#E68388
Nächste benannte Farbe: Pulp
#E68388 (rgb(230 131 136), hsl(357 66% 71%), oklch(0.718 0.122 17.4)) liegt am nächsten an der benannten Farbe Pulp. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E68388
oklch(0.718 0.122 17.4)
Farbumrechnungen
- HEX
- #e68388
- RGB
- rgb(230 131 136)
- HSL
- hsl(357 66% 71%)
- HWB
- hwb(357 51% 10%)
- OKLCH
- oklch(0.718 0.122 17.4)
- OKLab
- oklab(0.718 0.116 0.036)
- CIE Lab
- lab(66.04 39.25 14.92)
- LCH
- lch(66.04 41.99 20.8)
- CMYK
- cmyk(0% 43% 41% 10%)
Tints · Shades · Tones
Tints
- EA9093
- ED9C9F
- F1A9AB
- F4B5B6
- F6C1C2
- F9CECE
- FBDADA
- FCE6E6
- FEF3F3
Shades
- C87175
- AB6063
- 8E4F52
- 733F41
- 592F31
- 402022
- 281213
- 130606
- 030101
Tones
- DC8387
- D28487
- C88486
- BE8385
- B48384
- AA8383
- A08283
- 968282
- 8B8181
Farbharmonien
Komplementär +180°
- E68388
Pulp
- 05BBBF
≈ Jade Gravel
Analog -30° +30°
- E68388
Pulp
- DB83B2
≈ Middle Purple
- E28B5E
≈ Aegean Sky
Triadisch +120° +240°
- E68388
Pulp
- 7EB669
≈ Bud Green
- 72A6EF
≈ Greek Sea
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.63:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.96:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--pulp: #e68388;
--pulp-rgb: 230 131 136;
--pulp-oklch: oklch(0.718 0.122 17.4);
}
.element {
color: var(--pulp);
background-color: hsl(357 66% 71%);
border-color: oklch(0.718 0.122 17.4);
}Tailwind CSS v4
@theme {
--color-pulp: #e68388;
--color-pulp-50: #ffe8e7;
--color-pulp-100: #ffd8d8;
--color-pulp-200: #ffc0bf;
--color-pulp-300: #ef9e9e;
--color-pulp-400: #dd7f84;
--color-pulp-500: #ca6168;
--color-pulp-600: #aa5258;
--color-pulp-700: #894246;
--color-pulp-800: #662f34;
--color-pulp-900: #482024;
--color-pulp-950: #2e0f13;
}SCSS
$pulp: #e68388;
$pulp-rgb: 230, 131, 136;
$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);
}