Nazwany kolor · #FADDD5
Pink Parfait
Pink Parfait to #FADDD5: rgb(250 221 213), hsl(13 79% 91%), oklch(0.919 0.034 35.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pink Parfait color name →
#FADDD5
oklch(0.919 0.034 35.9)
Konwersje koloru
- HEX
- #faddd5
- RGB
- rgb(250 221 213)
- HSL
- hsl(13 79% 91%)
- HWB
- hwb(13 84% 2%)
- OKLCH
- oklch(0.919 0.034 35.9)
- OKLab
- oklab(0.919 0.028 0.02)
- CIE Lab
- lab(90.39 9.41 7.8)
- LCH
- lch(90.39 12.22 39.7)
- CMYK
- cmyk(0% 12% 15% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBE0D9
- FBE4DD
- FCE7E2
- FCEBE6
- FDEEEA
- FDF1EE
- FEF5F2
- FEF8F7
- FFFCFB
Odcienie ciemniejsze
- D9C0B9
- BAA49E
- 9B8883
- 7D6E6A
- 615551
- 463D3A
- 2D2624
- 151110
- 030202
Tony
- EDD3CC
- E1CAC3
- D4C0BB
- C8B7B2
- BBADAA
- AFA4A1
- A39B99
- 979290
- 8C8988
Harmonie kolorów
Komplementarna +180°
- FADDD5
Pink Parfait
- CCEBF3
≈ Frosty Day
Analogowa -30° +30°
- FADDD5
Pink Parfait
- FADBE1
≈ Tootie Fruity
- F5E0CD
≈ Petal Dust
Triada +120° +240°
- FADDD5
Pink Parfait
- D3ECDB
≈ Persian Fable
- DEE3FC
≈ Stoic White
Komplementarna rozszczepiona +150° +210°
- FADDD5
Pink Parfait
- CCECE8
≈ Spa
- D3E7FA
≈ Cloudless
Tetrada +90° +180° +270°
- FADDD5
Pink Parfait
- DFE9D1
≈ Light Security
- CCEBF3
≈ Frosty Day
- EADFF7
≈ Lingering Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.28:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.36:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-parfait: #faddd5;
--pink-parfait-rgb: 250 221 213;
--pink-parfait-oklch: oklch(0.919 0.034 35.9);
}
.element {
color: var(--pink-parfait);
background-color: hsl(13 79% 91%);
border-color: oklch(0.919 0.034 35.9);
}Tailwind CSS v4
@theme {
--color-pink-parfait: #faddd5;
--color-pink-parfait-50: #fff2ee;
--color-pink-parfait-100: #f3e4e0;
--color-pink-parfait-200: #e2d0ca;
--color-pink-parfait-300: #c8b2ab;
--color-pink-parfait-400: #b19891;
--color-pink-parfait-500: #9b7f77;
--color-pink-parfait-600: #836b65;
--color-pink-parfait-700: #695650;
--color-pink-parfait-800: #4d3e3b;
--color-pink-parfait-900: #362b28;
--color-pink-parfait-950: #211816;
}SCSS
$pink-parfait: #faddd5;
$pink-parfait-rgb: 250, 221, 213;
$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);
}