Nächste benannte Farbe · #C9889F
#C9889F
Nächste benannte Farbe: Pinch Me
#C9889F (rgb(201 136 159), hsl(339 38% 66%), oklch(0.699 0.085 356.6)) liegt am nächsten an der benannten Farbe Pinch Me. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C9889F
oklch(0.699 0.085 356.6)
Farbumrechnungen
- HEX
- #c9889f
- RGB
- rgb(201 136 159)
- HSL
- hsl(339 38% 66%)
- HWB
- hwb(339 53% 21%)
- OKLCH
- oklch(0.699 0.085 356.6)
- OKLab
- oklab(0.699 0.084 -0.005)
- CIE Lab
- lab(63.96 27.99 -1.58)
- LCH
- lch(63.96 28.03 356.8)
- CMYK
- cmyk(0% 32% 21% 21%)
Tints · Shades · Tones
Tints
- CF94A8
- D59FB2
- DBABBB
- E0B7C4
- E6C3CE
- EBCFD8
- F0DBE1
- F5E7EB
- FAF3F5
Shades
- AE758A
- 956375
- 7C5261
- 64414D
- 4C313B
- 362229
- 221318
- 0F0609
- 020101
Tones
- C2879C
- BB8799
- B48696
- AC8592
- A5858F
- 9E848C
- 978389
- 8F8286
- 888183
Farbharmonien
Komplementär +180°
- C9889F
Pinch Me
- 5FAF9D
≈ Green Crush
Analog -30° +30°
- C9889F
Pinch Me
- BA8CBA
≈ Violet Whimsy
- CD8A82
≈ Rose de Mai
Triadisch +120° +240°
- C9889F
Pinch Me
- 9AA567
≈ Green Smoke
- 69A6CC
≈ Alaskan Blue
Geteilt komplementär +150° +210°
- C9889F
Pinch Me
- 7BAD7F
≈ Summer Garden
- 57ADB8
≈ Well Water
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.50:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--pinch-me: #c9889f;
--pinch-me-rgb: 201 136 159;
--pinch-me-oklch: oklch(0.699 0.085 356.6);
}
.element {
color: var(--pinch-me);
background-color: hsl(339 38% 66%);
border-color: oklch(0.699 0.085 356.6);
}Tailwind CSS v4
@theme {
--color-pinch-me: #c9889f;
--color-pinch-me-50: #ffecf5;
--color-pinch-me-100: #ffdde7;
--color-pinch-me-200: #f4c6d4;
--color-pinch-me-300: #dca6b7;
--color-pinch-me-400: #c88a9f;
--color-pinch-me-500: #b36e87;
--color-pinch-me-600: #975d72;
--color-pinch-me-700: #794a5c;
--color-pinch-me-800: #5a3644;
--color-pinch-me-900: #3f252f;
--color-pinch-me-950: #28131b;
}SCSS
$pinch-me: #c9889f;
$pinch-me-rgb: 201, 136, 159;
$pinch-me-light: mix(#fff, $pinch-me, 20%);
$pinch-me-dark: mix(#000, $pinch-me, 20%);
.element {
color: $pinch-me;
box-shadow: 0 0 0 2px rgba($pinch-me, 0.35);
}