Benannte Farbe · #EFDCD3
Stolen Kiss
Stolen Kiss ist #EFDCD3: rgb(239 220 211), hsl(19 47% 88%), oklch(0.907 0.024 47.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Stolen Kiss color name →
#EFDCD3
oklch(0.907 0.024 47.1)
Farbumrechnungen
- HEX
- #efdcd3
- RGB
- rgb(239 220 211)
- HSL
- hsl(19 47% 88%)
- HWB
- hwb(19 83% 6%)
- OKLCH
- oklch(0.907 0.024 47.1)
- OKLab
- oklab(0.907 0.017 0.018)
- CIE Lab
- lab(89.14 5.66 6.92)
- LCH
- lch(89.14 8.94 50.7)
- CMYK
- cmyk(0% 8% 12% 6%)
Tints · Shades · Tones
Tints
- F1DFD7
- F2E3DC
- F4E6E0
- F6EAE4
- F7EDE9
- F9F1ED
- FAF4F2
- FCF8F6
- FDFBFB
Shades
- D0BFB7
- B1A39C
- 948882
- 786E69
- 5C5451
- 423C3A
- 2A2624
- 141110
- 030202
Tones
- E3D2CA
- D8C9C2
- CCBFB9
- C1B6B1
- B6ADA9
- ABA4A0
- A09B98
- 959290
- 8B8988
Farbharmonien
Komplementär +180°
- EFDCD3
Stolen Kiss
- D0E4ED
≈ Soft Cloud
Analog -30° +30°
- EFDCD3
Stolen Kiss
- F0DADB
≈ Sweet Bianca
- EADFCF
≈ Dry Bone
Triadisch +120° +240°
- EFDCD3
Stolen Kiss
- D2E6DD
≈ Summer Breeze
- DFDEF0
≈ Artemis Silver
Geteilt komplementär +150° +210°
- EFDCD3
Stolen Kiss
- CFE6E6
≈ Ventilated
- D6E1F1
≈ Aquarelle Purple
Tetradisch +90° +180° +270°
- EFDCD3
Stolen Kiss
- D9E5D5
≈ Frostee
- D0E4ED
≈ Soft Cloud
- E7DCEB
≈ Princess Fairy Tale
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.32:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.84:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 15.84:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--stolen-kiss: #efdcd3;
--stolen-kiss-rgb: 239 220 211;
--stolen-kiss-oklch: oklch(0.907 0.024 47.1);
}
.element {
color: var(--stolen-kiss);
background-color: hsl(19 47% 88%);
border-color: oklch(0.907 0.024 47.1);
}Tailwind CSS v4
@theme {
--color-stolen-kiss: #efdcd3;
--color-stolen-kiss-50: #fbf3ef;
--color-stolen-kiss-100: #efe6e1;
--color-stolen-kiss-200: #ddd1cb;
--color-stolen-kiss-300: #c2b4ad;
--color-stolen-kiss-400: #ab9a92;
--color-stolen-kiss-500: #958279;
--color-stolen-kiss-600: #7e6e66;
--color-stolen-kiss-700: #655852;
--color-stolen-kiss-800: #4a403b;
--color-stolen-kiss-900: #332c29;
--color-stolen-kiss-950: #1f1917;
}SCSS
$stolen-kiss: #efdcd3;
$stolen-kiss-rgb: 239, 220, 211;
$stolen-kiss-light: mix(#fff, $stolen-kiss, 20%);
$stolen-kiss-dark: mix(#000, $stolen-kiss, 20%);
.element {
color: $stolen-kiss;
box-shadow: 0 0 0 2px rgba($stolen-kiss, 0.35);
}