Benannte Farbe · #CEAEFA
Teasel Dipsacus
Teasel Dipsacus ist #CEAEFA: rgb(206 174 250), hsl(265 88% 83%), oklch(0.805 0.11 303.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Teasel Dipsacus color name →
#CEAEFA
oklch(0.805 0.11 303.3)
Farbumrechnungen
- HEX
- #ceaefa
- RGB
- rgb(206 174 250)
- HSL
- hsl(265 88% 83%)
- HWB
- hwb(265 68% 2%)
- OKLCH
- oklch(0.805 0.11 303.3)
- OKLab
- oklab(0.805 0.061 -0.092)
- CIE Lab
- lab(75.99 22.85 -33.6)
- LCH
- lch(75.99 40.64 304.2)
- CMYK
- cmyk(18% 30% 0% 2%)
Tints · Shades · Tones
Tints
- D3B6FB
- D8BEFC
- DCC6FC
- E1CFFD
- E6D7FE
- EBDFFE
- F0E7FE
- F5EFFF
- FAF7FF
Shades
- B397D9
- 9880BA
- 7F6A9B
- 66557D
- 4E4161
- 382E46
- 231C2D
- 0F0B15
- 020103
Tones
- C6AAED
- BEA5E1
- B6A0D4
- AE9CC8
- A697BC
- 9E93B0
- 978EA4
- 8F8998
- 87858C
Farbharmonien
Komplementär +180°
- CEAEFA
Teasel Dipsacus
- B2CC7A
≈ Wonder Woods
Analog -30° +30°
- CEAEFA
Teasel Dipsacus
- ABBBFF
≈ Pastel Blue
- EBA5DE
≈ Candy Floss
Triadisch +120° +240°
- CEAEFA
Teasel Dipsacus
- F2B072
≈ Orange Salmonberry
- 5FD7C6
≈ Turquoise Twist
Geteilt komplementär +150° +210°
- CEAEFA
Teasel Dipsacus
- D7BE68
≈ Mustard Oil
- 85D49E
≈ May Apple
Tetradisch +90° +180° +270°
- CEAEFA
Teasel Dipsacus
- FEA591
≈ Frozen Salmon
- B2CC7A
≈ Wonder Woods
- 5CD2EA
≈ Electric Lemonade
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.89:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.05:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 11.05:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--teasel-dipsacus: #ceaefa;
--teasel-dipsacus-rgb: 206 174 250;
--teasel-dipsacus-oklch: oklch(0.805 0.11 303.3);
}
.element {
color: var(--teasel-dipsacus);
background-color: hsl(265 88% 83%);
border-color: oklch(0.805 0.11 303.3);
}Tailwind CSS v4
@theme {
--color-teasel-dipsacus: #ceaefa;
--color-teasel-dipsacus-50: #fceeff;
--color-teasel-dipsacus-100: #f0dfff;
--color-teasel-dipsacus-200: #dfc9fb;
--color-teasel-dipsacus-300: #c5a9e5;
--color-teasel-dipsacus-400: #ac8ed4;
--color-teasel-dipsacus-500: #9573c2;
--color-teasel-dipsacus-600: #7e61a3;
--color-teasel-dipsacus-700: #654e83;
--color-teasel-dipsacus-800: #493962;
--color-teasel-dipsacus-900: #332745;
--color-teasel-dipsacus-950: #1e152d;
}SCSS
$teasel-dipsacus: #ceaefa;
$teasel-dipsacus-rgb: 206, 174, 250;
$teasel-dipsacus-light: mix(#fff, $teasel-dipsacus, 20%);
$teasel-dipsacus-dark: mix(#000, $teasel-dipsacus, 20%);
.element {
color: $teasel-dipsacus;
box-shadow: 0 0 0 2px rgba($teasel-dipsacus, 0.35);
}