Benannte Farbe · #D28CA7
Kiss
Kiss ist #D28CA7: rgb(210 140 167), hsl(337 44% 69%), oklch(0.718 0.091 354.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Kiss color name →
#D28CA7
oklch(0.718 0.091 354.9)
Farbumrechnungen
- HEX
- #d28ca7
- RGB
- rgb(210 140 167)
- HSL
- hsl(337 44% 69%)
- HWB
- hwb(337 55% 18%)
- OKLCH
- oklch(0.718 0.091 354.9)
- OKLab
- oklab(0.718 0.091 -0.008)
- CIE Lab
- lab(66.12 30.18 -2.78)
- LCH
- lch(66.12 30.3 354.7)
- CMYK
- cmyk(0% 33% 20% 18%)
Tints · Shades · Tones
Tints
- D797AF
- DCA3B8
- E1AEC1
- E6B9C9
- EAC5D2
- EFD0DB
- F3DCE4
- F7E8ED
- FBF3F6
Shades
- B67991
- 9B677B
- 815566
- 684352
- 50333E
- 39232C
- 24141A
- 10070A
- 020101
Tones
- CA8BA3
- C28A9F
- BA899B
- B28897
- AA8793
- A1858F
- 99848C
- 918388
- 888184
Farbharmonien
Komplementär +180°
- D28CA7
Kiss
- 60B7A1
≈ Shylock
Analog -30° +30°
- D28CA7
Kiss
- C190C4
≈ Rose Souvenir
- D88D87
≈ Coral Banks
Triadisch +120° +240°
- D28CA7
Kiss
- A2AB67
≈ Spanish Olive
- 67ADD5
≈ Imrik Blue
Geteilt komplementär +150° +210°
- D28CA7
Kiss
- 80B380
≈ Verde
- 54B5BF
≈ Glassmith
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.60:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.04:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.04:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--kiss: #d28ca7;
--kiss-rgb: 210 140 167;
--kiss-oklch: oklch(0.718 0.091 354.9);
}
.element {
color: var(--kiss);
background-color: hsl(337 44% 69%);
border-color: oklch(0.718 0.091 354.9);
}Tailwind CSS v4
@theme {
--color-kiss: #d28ca7;
--color-kiss-50: #ffebf5;
--color-kiss-100: #ffdce8;
--color-kiss-200: #f6c5d5;
--color-kiss-300: #dfa4b8;
--color-kiss-400: #ca88a1;
--color-kiss-500: #b66c89;
--color-kiss-600: #995b74;
--color-kiss-700: #7b495d;
--color-kiss-800: #5b3545;
--color-kiss-900: #402430;
--color-kiss-950: #28131c;
}SCSS
$kiss: #d28ca7;
$kiss-rgb: 210, 140, 167;
$kiss-light: mix(#fff, $kiss, 20%);
$kiss-dark: mix(#000, $kiss, 20%);
.element {
color: $kiss;
box-shadow: 0 0 0 2px rgba($kiss, 0.35);
}