Najbliższy nazwany kolor · #FAE1DB
#FAE1DB
Najbliższy nazwany kolor: Pink Parfait
#FAE1DB (rgb(250 225 219), hsl(12 76% 92%), oklch(0.928 0.029 33.7)) jest najbliższy nazwanemu kolorowi Pink Parfait. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FAE1DB
oklch(0.928 0.029 33.7)
Konwersje koloru
- HEX
- #fae1db
- RGB
- rgb(250 225 219)
- HSL
- hsl(12 76% 92%)
- HWB
- hwb(12 86% 2%)
- OKLCH
- oklch(0.928 0.029 33.7)
- OKLab
- oklab(0.928 0.024 0.016)
- CIE Lab
- lab(91.48 8.15 6.23)
- LCH
- lch(91.48 10.26 37.4)
- CMYK
- cmyk(0% 10% 12% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBE4DF
- FBE7E2
- FCEAE6
- FCEDE9
- FDF0ED
- FDF3F1
- FEF6F4
- FEF9F8
- FFFCFB
Odcienie ciemniejsze
- D9C4BE
- BAA7A2
- 9B8B87
- 7D706D
- 615654
- 463E3C
- 2D2726
- 151211
- 030202
Tony
- EDD7D2
- E1CDC8
- D4C3BF
- C8B9B6
- BBAFAC
- AFA6A3
- A39C9A
- 979391
- 8C8989
Harmonie kolorów
Komplementarna +180°
- FAE1DB
Pink Parfait
- D3EDF3
≈ Sparkling River
Analogowa -30° +30°
- FAE1DB
Pink Parfait
- F9E0E5
≈ Cake Frosting
- F6E4D4
≈ Breakfast Biscuit
Triada +120° +240°
- FAE1DB
Pink Parfait
- D9EDDF
≈ Spring Dew
- E1E7FB
≈ Cyber Lavender
Komplementarna rozszczepiona +150° +210°
- FAE1DB
Pink Parfait
- D3EEE9
≈ Teal Ice
- D8EAFA
≈ Cloudless
Tetrada +90° +180° +270°
- FAE1DB
Pink Parfait
- E3EBD6
≈ Enlightened Lime
- D3EDF3
≈ Sparkling River
- EBE3F8
≈ Lavender Mist
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.85:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.85:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-parfait: #fae1db;
--pink-parfait-rgb: 250 225 219;
--pink-parfait-oklch: oklch(0.928 0.029 33.7);
}
.element {
color: var(--pink-parfait);
background-color: hsl(12 76% 92%);
border-color: oklch(0.928 0.029 33.7);
}Tailwind CSS v4
@theme {
--color-pink-parfait: #fae1db;
--color-pink-parfait-50: #fdf2f0;
--color-pink-parfait-100: #f1e5e1;
--color-pink-parfait-200: #e0d0cc;
--color-pink-parfait-300: #c6b3ad;
--color-pink-parfait-400: #af9993;
--color-pink-parfait-500: #98807a;
--color-pink-parfait-600: #816c67;
--color-pink-parfait-700: #675652;
--color-pink-parfait-800: #4c3f3c;
--color-pink-parfait-900: #352b29;
--color-pink-parfait-950: #201917;
}SCSS
$pink-parfait: #fae1db;
$pink-parfait-rgb: 250, 225, 219;
$pink-parfait-light: mix(#fff, $pink-parfait, 20%);
$pink-parfait-dark: mix(#000, $pink-parfait, 20%);
.element {
color: $pink-parfait;
box-shadow: 0 0 0 2px rgba($pink-parfait, 0.35);
}