Nazwany kolor · #F2DDE1
Minified Blush
Minified Blush to #F2DDE1: rgb(242 221 225), hsl(349 45% 91%), oklch(0.916 0.024 4.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Minified Blush color name →
#F2DDE1
oklch(0.916 0.024 4.5)
Konwersje koloru
- HEX
- #f2dde1
- RGB
- rgb(242 221 225)
- HSL
- hsl(349 45% 91%)
- HWB
- hwb(349 87% 5%)
- OKLCH
- oklch(0.916 0.024 4.5)
- OKLab
- oklab(0.916 0.024 0.002)
- CIE Lab
- lab(89.93 7.95 0.79)
- LCH
- lch(89.93 7.99 5.7)
- CMYK
- cmyk(0% 9% 7% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F3E0E4
- F5E4E7
- F6E7EA
- F7EBED
- F9EEF0
- FAF1F3
- FBF5F6
- FCF8F9
- FEFCFC
Odcienie ciemniejsze
- D2C0C4
- B4A4A7
- 96888B
- 796E70
- 5E5556
- 433D3E
- 2B2627
- 141112
- 030202
Tony
- E6D3D7
- DACACD
- CFC0C3
- C3B7B9
- B7ADAF
- ACA4A6
- A19B9C
- 969293
- 8B8989
Harmonie kolorów
Komplementarna +180°
- F2DDE1
Minified Blush
- D3E9E5
≈ Dillard’s Blue
Analogowa -30° +30°
- F2DDE1
Minified Blush
- EEDEEA
≈ Angora Pink
- F2DED9
≈ Cosy Cottage
Triada +120° +240°
- F2DDE1
Minified Blush
- DFE6D5
≈ Lime Daiquiri
- D7E5F2
≈ Snowdrift Glow
Komplementarna rozszczepiona +150° +210°
- F2DDE1
Minified Blush
- D8E8DC
≈ Bath
- D2E8ED
≈ Coastal Mist
Tetrada +90° +180° +270°
- F2DDE1
Minified Blush
- E8E3D2
≈ Alabaster Beauty
- D3E9E5
≈ Dillard’s Blue
- DEE2F3
≈ Imagination
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.29:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.20:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--minified-blush: #f2dde1;
--minified-blush-rgb: 242 221 225;
--minified-blush-oklch: oklch(0.916 0.024 4.5);
}
.element {
color: var(--minified-blush);
background-color: hsl(349 45% 91%);
border-color: oklch(0.916 0.024 4.5);
}Tailwind CSS v4
@theme {
--color-minified-blush: #f2dde1;
--color-minified-blush-50: #fcf2f4;
--color-minified-blush-100: #efe5e6;
--color-minified-blush-200: #ded0d2;
--color-minified-blush-300: #c3b3b5;
--color-minified-blush-400: #ab999c;
--color-minified-blush-500: #958084;
--color-minified-blush-600: #7e6c70;
--color-minified-blush-700: #655759;
--color-minified-blush-800: #4a3f42;
--color-minified-blush-900: #332b2d;
--color-minified-blush-950: #1f191a;
}SCSS
$minified-blush: #f2dde1;
$minified-blush-rgb: 242, 221, 225;
$minified-blush-light: mix(#fff, $minified-blush, 20%);
$minified-blush-dark: mix(#000, $minified-blush, 20%);
.element {
color: $minified-blush;
box-shadow: 0 0 0 2px rgba($minified-blush, 0.35);
}