Nächste benannte Farbe · #C76189
#C76189
Nächste benannte Farbe: Lipstick
#C76189 (rgb(199 97 137), hsl(336 48% 58%), oklch(0.626 0.137 357)) liegt am nächsten an der benannten Farbe Lipstick. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C76189
oklch(0.626 0.137 357)
Farbumrechnungen
- HEX
- #c76189
- RGB
- rgb(199 97 137)
- HSL
- hsl(336 48% 58%)
- HWB
- hwb(336 38% 22%)
- OKLCH
- oklch(0.626 0.137 357)
- OKLab
- oklab(0.626 0.136 -0.007)
- CIE Lab
- lab(54.86 44.62 -2.15)
- LCH
- lch(54.86 44.67 357.2)
- CMYK
- cmyk(0% 51% 31% 22%)
Tints · Shades · Tones
Tints
- CE7194
- D5819F
- DB91AB
- E2A0B7
- E7B0C2
- EDC0CE
- F2CFDA
- F7DFE6
- FBEFF3
Shades
- AD5376
- 934664
- 7A3953
- 622D42
- 4C2131
- 361522
- 210B14
- 0E0307
- 020001
Tones
- C16588
- BA6987
- B46D86
- AD7085
- A67385
- 9F7684
- 987983
- 907B82
- 887E81
Farbharmonien
Komplementär +180°
- C76189
Lipstick
- 009E87
≈ Reptilian Green
Analog -30° +30°
- C76189
Lipstick
- B268B3
≈ Soft Purple
- CD6359
≈ Japanese Kimono
Triadisch +120° +240°
- C76189
Lipstick
- 839219
≈ Foggy Bog
- 0192CF
≈ Rich Electric Blue
Geteilt komplementär +150° +210°
- C76189
Lipstick
- 469E54
≈ Chateau Green
- 009AA9
≈ Aquarium Diver
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.81:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.49:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.49:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--lipstick: #c76189;
--lipstick-rgb: 199 97 137;
--lipstick-oklch: oklch(0.626 0.137 357);
}
.element {
color: var(--lipstick);
background-color: hsl(336 48% 58%);
border-color: oklch(0.626 0.137 357);
}Tailwind CSS v4
@theme {
--color-lipstick: #c76189;
--color-lipstick-50: #ffe6f4;
--color-lipstick-100: #ffd6e7;
--color-lipstick-200: #ffbcd3;
--color-lipstick-300: #f199b6;
--color-lipstick-400: #dd7a9f;
--color-lipstick-500: #ca5a87;
--color-lipstick-600: #ab4d73;
--color-lipstick-700: #893d5c;
--color-lipstick-800: #662c45;
--color-lipstick-900: #471d2f;
--color-lipstick-950: #2e0d1c;
}SCSS
$lipstick: #c76189;
$lipstick-rgb: 199, 97, 137;
$lipstick-light: mix(#fff, $lipstick, 20%);
$lipstick-dark: mix(#000, $lipstick, 20%);
.element {
color: $lipstick;
box-shadow: 0 0 0 2px rgba($lipstick, 0.35);
}