Najbliższy nazwany kolor · #FADED9
#FADED9
Najbliższy nazwany kolor: Pink Glitter
#FADED9 (rgb(250 222 217), hsl(9 77% 92%), oklch(0.922 0.032 29.8)) jest najbliższy nazwanemu kolorowi Pink Glitter. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FADED9
oklch(0.922 0.032 29.8)
Konwersje koloru
- HEX
- #faded9
- RGB
- rgb(250 222 217)
- HSL
- hsl(9 77% 92%)
- HWB
- hwb(9 85% 2%)
- OKLCH
- oklch(0.922 0.032 29.8)
- OKLab
- oklab(0.922 0.028 0.016)
- CIE Lab
- lab(90.71 9.38 6.18)
- LCH
- lch(90.71 11.23 33.4)
- CMYK
- cmyk(0% 11% 13% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBE1DD
- FBE5E1
- FCE8E4
- FCEBE8
- FDEEEC
- FDF2F0
- FEF5F4
- FEF8F7
- FFFCFB
Odcienie ciemniejsze
- D9C1BC
- BAA5A1
- 9B8986
- 7D6F6C
- 615553
- 463D3B
- 2D2625
- 151211
- 030202
Tony
- EDD4D0
- E1CAC7
- D4C1BD
- C8B7B4
- BBAEAB
- AFA5A3
- A39B9A
- 979291
- 8C8989
Harmonie kolorów
Komplementarna +180°
- FADED9
Pink Glitter
- CEECF1
≈ Chalky Blue White
Analogowa -30° +30°
- FADED9
Pink Glitter
- F9DDE4
≈ Marshmallow Heart
- F6E1D1
≈ Pastry Pink
Triada +120° +240°
- FADED9
Pink Glitter
- D7ECDA
≈ Silky Mint
- DDE5FB
≈ Lavender Mist
Komplementarna rozszczepiona +150° +210°
- FADED9
Pink Glitter
- D0EDE6
≈ Underwater
- D3E9F9
≈ Freezing Vapour
Tetrada +90° +180° +270°
- FADED9
Pink Glitter
- E2E9D1
≈ Sunny Summit
- CEECF1
≈ Chalky Blue White
- E8E1F8
≈ Lavender Mist
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.27:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.51:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.51:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-glitter: #faded9;
--pink-glitter-rgb: 250 222 217;
--pink-glitter-oklch: oklch(0.922 0.032 29.8);
}
.element {
color: var(--pink-glitter);
background-color: hsl(9 77% 92%);
border-color: oklch(0.922 0.032 29.8);
}Tailwind CSS v4
@theme {
--color-pink-glitter: #faded9;
--color-pink-glitter-50: #fef2ef;
--color-pink-glitter-100: #f2e4e1;
--color-pink-glitter-200: #e2d0cc;
--color-pink-glitter-300: #c7b2ad;
--color-pink-glitter-400: #b19893;
--color-pink-glitter-500: #9a7f7a;
--color-pink-glitter-600: #826b67;
--color-pink-glitter-700: #685652;
--color-pink-glitter-800: #4d3e3c;
--color-pink-glitter-900: #352b29;
--color-pink-glitter-950: #211817;
}SCSS
$pink-glitter: #faded9;
$pink-glitter-rgb: 250, 222, 217;
$pink-glitter-light: mix(#fff, $pink-glitter, 20%);
$pink-glitter-dark: mix(#000, $pink-glitter, 20%);
.element {
color: $pink-glitter;
box-shadow: 0 0 0 2px rgba($pink-glitter, 0.35);
}