Benannte Farbe · #F1D2D7
Impatiens Petal
Impatiens Petal ist #F1D2D7: rgb(241 210 215), hsl(350 53% 88%), oklch(0.891 0.035 6.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Impatiens Petal color name →
#F1D2D7
oklch(0.891 0.035 6.8)
Farbumrechnungen
- HEX
- #f1d2d7
- RGB
- rgb(241 210 215)
- HSL
- hsl(350 53% 88%)
- HWB
- hwb(350 82% 5%)
- OKLCH
- oklch(0.891 0.035 6.8)
- OKLab
- oklab(0.891 0.035 0.004)
- CIE Lab
- lab(86.94 11.77 1.72)
- LCH
- lch(86.94 11.89 8.3)
- CMYK
- cmyk(0% 13% 11% 5%)
Tints · Shades · Tones
Tints
- F3D6DB
- F4DBDF
- F5DFE3
- F7E4E7
- F8E8EB
- FAEDEF
- FBF1F3
- FCF6F7
- FEFAFB
Shades
- D2B6BB
- B39B9F
- 958185
- 79686B
- 5D5052
- 43393B
- 2B2425
- 141011
- 030202
Tones
- E5CACE
- DAC1C5
- CEB9BC
- C2B0B3
- B7A8AA
- ACA0A2
- A19899
- 969091
- 8B8888
Farbharmonien
Komplementär +180°
- F1D2D7
Impatiens Petal
- C2E3DF
≈ Tidewater
Analog -30° +30°
- F1D2D7
Impatiens Petal
- EBD3E4
≈ Champagne Elegance
- F1D4CB
≈ Pink Sentiment
Triadisch +120° +240°
- F1D2D7
Impatiens Petal
- D5E0C7
≈ Dream Seascape
- C9DEF2
≈ Blue Booties
Geteilt komplementär +150° +210°
- F1D2D7
Impatiens Petal
- C9E3D2
≈ Duck Egg Cream
- C2E1EA
≈ Cotton Clouds
Tetradisch +90° +180° +270°
- F1D2D7
Impatiens Petal
- E1DCC2
≈ Belvedere Cream
- C2E3DF
≈ Tidewater
- D5DAF3
≈ Quartz
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.40:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.94:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 14.94:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--impatiens-petal: #f1d2d7;
--impatiens-petal-rgb: 241 210 215;
--impatiens-petal-oklch: oklch(0.891 0.035 6.8);
}
.element {
color: var(--impatiens-petal);
background-color: hsl(350 53% 88%);
border-color: oklch(0.891 0.035 6.8);
}Tailwind CSS v4
@theme {
--color-impatiens-petal: #f1d2d7;
--color-impatiens-petal-50: #fff1f3;
--color-impatiens-petal-100: #f3e3e5;
--color-impatiens-petal-200: #e3ced1;
--color-impatiens-petal-300: #c9b0b4;
--color-impatiens-petal-400: #b2969b;
--color-impatiens-petal-500: #9c7d82;
--color-impatiens-petal-600: #846a6e;
--color-impatiens-petal-700: #695458;
--color-impatiens-petal-800: #4d3d41;
--color-impatiens-petal-900: #362a2d;
--color-impatiens-petal-950: #21181a;
}SCSS
$impatiens-petal: #f1d2d7;
$impatiens-petal-rgb: 241, 210, 215;
$impatiens-petal-light: mix(#fff, $impatiens-petal, 20%);
$impatiens-petal-dark: mix(#000, $impatiens-petal, 20%);
.element {
color: $impatiens-petal;
box-shadow: 0 0 0 2px rgba($impatiens-petal, 0.35);
}