Nazwany kolor · #C1ADA9
Perdu Pink
Perdu Pink to #C1ADA9: rgb(193 173 169), hsl(10 16% 71%), oklch(0.764 0.024 31.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Perdu Pink color name →
#C1ADA9
oklch(0.764 0.024 31.1)
Konwersje koloru
- HEX
- #c1ada9
- RGB
- rgb(193 173 169)
- HSL
- hsl(10 16% 71%)
- HWB
- hwb(10 66% 24%)
- OKLCH
- oklch(0.764 0.024 31.1)
- OKLab
- oklab(0.764 0.02 0.012)
- CIE Lab
- lab(72.38 6.95 4.83)
- LCH
- lch(72.38 8.46 34.8)
- CMYK
- cmyk(0% 10% 12% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C7B5B1
- CDBDBA
- D3C5C2
- DACDCB
- E0D5D3
- E6DEDC
- ECE6E5
- F2EEED
- F9F7F6
Odcienie ciemniejsze
- A79692
- 8F7F7C
- 776A67
- 5F5553
- 49413F
- 342D2C
- 201B1B
- 0E0B0A
- 020101
Tony
- BAA8A5
- B4A4A1
- AD9F9D
- A79B98
- A09694
- 9A9290
- 938D8C
- 8D8988
- 868484
Harmonie kolorów
Komplementarna +180°
- C1ADA9
Perdu Pink
- A2B7BB
≈ Blue by You
Analogowa -30° +30°
- C1ADA9
Perdu Pink
- C0ACB1
≈ Lavender Scent
- BEAFA3
≈ Barista
Triada +120° +240°
- C1ADA9
Perdu Pink
- A8B7AB
≈ Sigh of Relief
- ACB2C2
≈ Fragrant Wand
Komplementarna rozszczepiona +150° +210°
- C1ADA9
Perdu Pink
- A3B7B3
≈ Holly Glen
- A5B5C0
≈ Intercoastal Grey
Tetrada +90° +180° +270°
- C1ADA9
Perdu Pink
- B0B5A4
≈ Fennel Stem
- A2B7BB
≈ Blue by You
- B5AFBF
≈ Virtuous Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.13:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.81:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.81:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--perdu-pink: #c1ada9;
--perdu-pink-rgb: 193 173 169;
--perdu-pink-oklch: oklch(0.764 0.024 31.1);
}
.element {
color: var(--perdu-pink);
background-color: hsl(10 16% 71%);
border-color: oklch(0.764 0.024 31.1);
}Tailwind CSS v4
@theme {
--color-perdu-pink: #c1ada9;
--color-perdu-pink-50: #fcf3f1;
--color-perdu-pink-100: #f0e5e3;
--color-perdu-pink-200: #ded1ce;
--color-perdu-pink-300: #c3b3b0;
--color-perdu-pink-400: #ac9a96;
--color-perdu-pink-500: #95817d;
--color-perdu-pink-600: #7e6d69;
--color-perdu-pink-700: #655754;
--color-perdu-pink-800: #4a3f3e;
--color-perdu-pink-900: #342c2a;
--color-perdu-pink-950: #1f1918;
}SCSS
$perdu-pink: #c1ada9;
$perdu-pink-rgb: 193, 173, 169;
$perdu-pink-light: mix(#fff, $perdu-pink, 20%);
$perdu-pink-dark: mix(#000, $perdu-pink, 20%);
.element {
color: $perdu-pink;
box-shadow: 0 0 0 2px rgba($perdu-pink, 0.35);
}