Nächste benannte Farbe · #E2A9DB
#E2A9DB
Nächste benannte Farbe: Candy Floss
#E2A9DB (rgb(226 169 219), hsl(307 50% 77%), oklch(0.803 0.093 330.6)) liegt am nächsten an der benannten Farbe Candy Floss. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E2A9DB
oklch(0.803 0.093 330.6)
Farbumrechnungen
- HEX
- #e2a9db
- RGB
- rgb(226 169 219)
- HSL
- hsl(307 50% 77%)
- HWB
- hwb(307 66% 11%)
- OKLCH
- oklch(0.803 0.093 330.6)
- OKLab
- oklab(0.803 0.081 -0.046)
- CIE Lab
- lab(75.86 27.52 -16.85)
- LCH
- lch(75.86 32.27 328.5)
- CMYK
- cmyk(0% 25% 3% 11%)
Tints · Shades · Tones
Tints
- E5B2DF
- E8BAE2
- EBC3E6
- EFCBEA
- F1D4ED
- F4DCF1
- F7E5F4
- FAEEF8
- FCF6FB
Shades
- C492BE
- A87CA2
- 8C6787
- 71536D
- 573F54
- 3E2C3C
- 271B26
- 120A11
- 030102
Tones
- D8A5D2
- CEA1C8
- C49DBF
- BA99B6
- B095AD
- A791A4
- 9D8D9B
- 938892
- 8A8489
Farbharmonien
Komplementär +180°
- E2A9DB
Candy Floss
- 92D0A0
≈ Fennel
Analog -30° +30°
- E2A9DB
Candy Floss
- C8B1F2
≈ Purple Sand
- F2A6BB
≈ Petal Power
Triadisch +120° +240°
- E2A9DB
Candy Floss
- D5BD77
≈ Morning’s Egg
- 70CFE1
≈ Summer of ’82
Geteilt komplementär +150° +210°
- E2A9DB
Candy Floss
- B6C883
≈ Nurgling Green
- 75D3C2
≈ Turquoise Twist
Tetradisch +90° +180° +270°
- E2A9DB
Candy Floss
- EBB180
≈ Rusty Sand
- 92D0A0
≈ Fennel
- 86C7F5
≈ Nevermind Nirvana
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.92:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.93:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.93:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--candy-floss: #e2a9db;
--candy-floss-rgb: 226 169 219;
--candy-floss-oklch: oklch(0.803 0.093 330.6);
}
.element {
color: var(--candy-floss);
background-color: hsl(307 50% 77%);
border-color: oklch(0.803 0.093 330.6);
}Tailwind CSS v4
@theme {
--color-candy-floss: #e2a9db;
--color-candy-floss-50: #ffecff;
--color-candy-floss-100: #fcddf6;
--color-candy-floss-200: #edc6e6;
--color-candy-floss-300: #d5a6cc;
--color-candy-floss-400: #bf8ab8;
--color-candy-floss-500: #a96fa3;
--color-candy-floss-600: #8f5e8a;
--color-candy-floss-700: #734b6e;
--color-candy-floss-800: #543652;
--color-candy-floss-900: #3b2539;
--color-candy-floss-950: #251424;
}SCSS
$candy-floss: #e2a9db;
$candy-floss-rgb: 226, 169, 219;
$candy-floss-light: mix(#fff, $candy-floss, 20%);
$candy-floss-dark: mix(#000, $candy-floss, 20%);
.element {
color: $candy-floss;
box-shadow: 0 0 0 2px rgba($candy-floss, 0.35);
}