Najbliższy nazwany kolor · #FFE1D8
#FFE1D8
Najbliższy nazwany kolor: Pink Parfait
#FFE1D8 (rgb(255 225 216), hsl(14 100% 92%), oklch(0.932 0.035 37.4)) jest najbliższy nazwanemu kolorowi Pink Parfait. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FFE1D8
oklch(0.932 0.035 37.4)
Konwersje koloru
- HEX
- #ffe1d8
- RGB
- rgb(255 225 216)
- HSL
- hsl(14 100% 92%)
- HWB
- hwb(14 85% 0%)
- OKLCH
- oklch(0.932 0.035 37.4)
- OKLab
- oklab(0.932 0.028 0.022)
- CIE Lab
- lab(91.86 9.62 8.4)
- LCH
- lch(91.86 12.77 41.1)
- CMYK
- cmyk(0% 12% 15% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFE4DC
- FFE7E0
- FFEAE4
- FFEDE8
- FFF0EB
- FFF3EF
- FFF6F3
- FFF9F7
- FFFCFB
Odcienie ciemniejsze
- DEC4BC
- BEA7A0
- 9E8B85
- 80706B
- 635653
- 483E3B
- 2E2725
- 161211
- 030202
Tony
- F2D7CF
- E4CDC6
- D7C3BD
- CBB9B4
- BEAFAB
- B1A6A2
- A59C9A
- 989391
- 8C8988
Harmonie kolorów
Komplementarna +180°
- FFE1D8
Pink Parfait
- CFEFF8
≈ Frostproof
Analogowa -30° +30°
- FFE1D8
Pink Parfait
- FFDFE4
≈ Pink Pleasure
- F9E5D0
≈ Follow the Leader
Triada +120° +240°
- FFE1D8
Pink Parfait
- D6F0DF
≈ Pondscape
- E3E7FF
≈ Cyber Lavender
Komplementarna rozszczepiona +150° +210°
- FFE1D8
Pink Parfait
- CFF1EC
≈ Teal Ice
- D7EBFF
≈ Cloudless
Tetrada +90° +180° +270°
- FFE1D8
Pink Parfait
- E2EDD4
≈ Spring Wheat
- CFEFF8
≈ Frostproof
- EFE3FC
≈ Minute Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.23:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 17.01:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 17.01:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-parfait: #ffe1d8;
--pink-parfait-rgb: 255 225 216;
--pink-parfait-oklch: oklch(0.932 0.035 37.4);
}
.element {
color: var(--pink-parfait);
background-color: hsl(14 100% 92%);
border-color: oklch(0.932 0.035 37.4);
}Tailwind CSS v4
@theme {
--color-pink-parfait: #ffe1d8;
--color-pink-parfait-50: #fff2ee;
--color-pink-parfait-100: #f3e4df;
--color-pink-parfait-200: #e3d0c9;
--color-pink-parfait-300: #c8b2aa;
--color-pink-parfait-400: #b29890;
--color-pink-parfait-500: #9c7e76;
--color-pink-parfait-600: #846b64;
--color-pink-parfait-700: #6a5650;
--color-pink-parfait-800: #4e3e3a;
--color-pink-parfait-900: #362b28;
--color-pink-parfait-950: #211816;
}SCSS
$pink-parfait: #ffe1d8;
$pink-parfait-rgb: 255, 225, 216;
$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);
}