Nazwany kolor · #C4A1AF
Shady Pink
Shady Pink to #C4A1AF: rgb(196 161 175), hsl(336 23% 70%), oklch(0.745 0.045 352.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Shady Pink color name →
#C4A1AF
oklch(0.745 0.045 352.3)
Konwersje koloru
- HEX
- #c4a1af
- RGB
- rgb(196 161 175)
- HSL
- hsl(336 23% 70%)
- HWB
- hwb(336 63% 23%)
- OKLCH
- oklch(0.745 0.045 352.3)
- OKLab
- oklab(0.745 0.045 -0.006)
- CIE Lab
- lab(69.78 15.01 -2.16)
- LCH
- lch(69.78 15.17 351.8)
- CMYK
- cmyk(0% 18% 11% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CAAAB7
- D0B3BF
- D6BDC6
- DCC6CE
- E2CFD6
- E8D9DE
- EDE2E6
- F3ECEF
- F9F5F7
Odcienie ciemniejsze
- AA8B98
- 917681
- 78626B
- 614E56
- 4A3C41
- 352A2E
- 21191C
- 0E090B
- 020101
Tony
- BD9EAA
- B69AA5
- AF97A1
- A9949C
- A29097
- 9B8D92
- 948A8E
- 8D8789
- 878385
Harmonie kolorów
Komplementarna +180°
- C4A1AF
Shady Pink
- 90B6A9
≈ Treetop
Analogowa -30° +30°
- C4A1AF
Shady Pink
- BAA3BD
≈ Svelte
- C8A29F
≈ Lady Guinevere
Triada +120° +240°
- C4A1AF
Shady Pink
- ACB08F
≈ Majolica Green
- 90B2C4
≈ Bright Bluebonnet
Komplementarna rozszczepiona +150° +210°
- C4A1AF
Shady Pink
- 9CB49A
≈ Copper Patina
- 8BB5B9
≈ Summit
Tetrada +90° +180° +270°
- C4A1AF
Shady Pink
- BBAA8C
≈ Bamboo Screen
- 90B6A9
≈ Treetop
- 9DADCA
≈ Poetry Reading
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.31:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 9.06:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 9.06:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--shady-pink: #c4a1af;
--shady-pink-rgb: 196 161 175;
--shady-pink-oklch: oklch(0.745 0.045 352.3);
}
.element {
color: var(--shady-pink);
background-color: hsl(336 23% 70%);
border-color: oklch(0.745 0.045 352.3);
}Tailwind CSS v4
@theme {
--color-shady-pink: #c4a1af;
--color-shady-pink-50: #fff0f6;
--color-shady-pink-100: #f5e2e9;
--color-shady-pink-200: #e5cdd5;
--color-shady-pink-300: #cbaeb9;
--color-shady-pink-400: #b594a1;
--color-shady-pink-500: #9f7a89;
--color-shady-pink-600: #866874;
--color-shady-pink-700: #6b535d;
--color-shady-pink-800: #4f3c44;
--color-shady-pink-900: #37292f;
--color-shady-pink-950: #22171c;
}SCSS
$shady-pink: #c4a1af;
$shady-pink-rgb: 196, 161, 175;
$shady-pink-light: mix(#fff, $shady-pink, 20%);
$shady-pink-dark: mix(#000, $shady-pink, 20%);
.element {
color: $shady-pink;
box-shadow: 0 0 0 2px rgba($shady-pink, 0.35);
}