Benannte Farbe · #E4898A
Pink Chi
Pink Chi ist #E4898A: rgb(228 137 138), hsl(359 63% 72%), oklch(0.726 0.112 19.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Pink Chi color name →
#E4898A
oklch(0.726 0.112 19.5)
Farbumrechnungen
- HEX
- #e4898a
- RGB
- rgb(228 137 138)
- HSL
- hsl(359 63% 72%)
- HWB
- hwb(359 54% 11%)
- OKLCH
- oklch(0.726 0.112 19.5)
- OKLab
- oklab(0.726 0.105 0.037)
- CIE Lab
- lab(67.08 35.68 15.18)
- LCH
- lch(67.08 38.77 23.1)
- CMYK
- cmyk(0% 40% 39% 11%)
Tints · Shades · Tones
Tints
- E89595
- EBA1A1
- EFADAC
- F2B8B8
- F5C4C3
- F7D0CF
- FADCDB
- FCE7E7
- FEF3F3
Shades
- C67677
- A96465
- 8D5353
- 724242
- 583132
- 3F2222
- 281414
- 120707
- 030101
Tones
- DA8989
- D18888
- C78787
- BD8786
- B38685
- A98584
- 9F8483
- 958382
- 8B8181
Farbharmonien
Komplementär +180°
- E4898A
Pink Chi
- 34BBC1
≈ Montego Bay
Analog -30° +30°
- E4898A
Pink Chi
- DB89B1
≈ Springtime Bloom
- DF9165
≈ Bockwurst
Triadisch +120° +240°
- E4898A
Pink Chi
- 81B873
≈ Colour Me Green
- 7CA7EC
≈ Greek Sea
Geteilt komplementär +150° +210°
- E4898A
Pink Chi
- 52BD9B
≈ Expressionism Green
- 4FB3DF
≈ Sail Away
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.54:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.24:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.24:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--pink-chi: #e4898a;
--pink-chi-rgb: 228 137 138;
--pink-chi-oklch: oklch(0.726 0.112 19.5);
}
.element {
color: var(--pink-chi);
background-color: hsl(359 63% 72%);
border-color: oklch(0.726 0.112 19.5);
}Tailwind CSS v4
@theme {
--color-pink-chi: #e4898a;
--color-pink-chi-50: #ffe9e7;
--color-pink-chi-100: #ffdad8;
--color-pink-chi-200: #ffc2bf;
--color-pink-chi-300: #eba19e;
--color-pink-chi-400: #d88384;
--color-pink-chi-500: #c56568;
--color-pink-chi-600: #a65658;
--color-pink-chi-700: #864546;
--color-pink-chi-800: #633134;
--color-pink-chi-900: #462123;
--color-pink-chi-950: #2d1012;
}SCSS
$pink-chi: #e4898a;
$pink-chi-rgb: 228, 137, 138;
$pink-chi-light: mix(#fff, $pink-chi, 20%);
$pink-chi-dark: mix(#000, $pink-chi, 20%);
.element {
color: $pink-chi;
box-shadow: 0 0 0 2px rgba($pink-chi, 0.35);
}