Benannte Farbe · #C4A1AF
Shady Pink
Shady Pink ist #C4A1AF: rgb(196 161 175), hsl(336 23% 70%), oklch(0.745 0.045 352.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Shady Pink color name →
#C4A1AF
oklch(0.745 0.045 352.3)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- CAAAB7
- D0B3BF
- D6BDC6
- DCC6CE
- E2CFD6
- E8D9DE
- EDE2E6
- F3ECEF
- F9F5F7
Shades
- AA8B98
- 917681
- 78626B
- 614E56
- 4A3C41
- 352A2E
- 21191C
- 0E090B
- 020101
Tones
- BD9EAA
- B69AA5
- AF97A1
- A9949C
- A29097
- 9B8D92
- 948A8E
- 8D8789
- 878385
Farbharmonien
Komplementär +180°
- C4A1AF
Shady Pink
- 90B6A9
≈ Treetop
Analog -30° +30°
- C4A1AF
Shady Pink
- BAA3BD
≈ Svelte
- C8A29F
≈ Lady Guinevere
Triadisch +120° +240°
- C4A1AF
Shady Pink
- ACB08F
≈ Majolica Green
- 90B2C4
≈ Bright Bluebonnet
Geteilt komplementär +150° +210°
- C4A1AF
Shady Pink
- 9CB49A
≈ Copper Patina
- 8BB5B9
≈ Summit
Tetradisch +90° +180° +270°
- C4A1AF
Shady Pink
- BBAA8C
≈ Bamboo Screen
- 90B6A9
≈ Treetop
- 9DADCA
≈ Poetry Reading
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.31:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.06:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 9.06:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
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);
}