Benannte Farbe · #643B42
Kung Fu
Kung Fu ist #643B42: rgb(100 59 66), hsl(350 26% 31%), oklch(0.404 0.059 9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Kung Fu color name →
#643B42
oklch(0.404 0.059 9)
Farbumrechnungen
- HEX
- #643b42
- RGB
- rgb(100 59 66)
- HSL
- hsl(350 26% 31%)
- HWB
- hwb(350 23% 61%)
- OKLCH
- oklch(0.404 0.059 9)
- OKLab
- oklab(0.404 0.058 0.009)
- CIE Lab
- lab(30.16 19.3 3.78)
- LCH
- lch(30.16 19.67 11.1)
- CMYK
- cmyk(0% 41% 34% 61%)
Tints · Shades · Tones
Tints
- 734D53
- 825F64
- 917176
- A18488
- B0989B
- C0ACAE
- CFC0C2
- DFD5D6
- EFEAEA
Shades
- 563238
- 48292F
- 3B2125
- 2E191C
- 221114
- 16090B
- 0B0405
- 030101
- 000000
Tones
- 674248
- 6A494E
- 6E4F54
- 70565A
- 735D60
- 766466
- 796B6D
- 7B7273
- 7E797A
Farbharmonien
Komplementär +180°
- 643B42
Kung Fu
- 1A534F
≈ Lacustral
Analog -30° +30°
- 643B42
Kung Fu
- 5E3C53
≈ Blackberry Wine
- 643D31
≈ Chocolate Escape
Triadisch +120° +240°
- 643B42
Kung Fu
- 3F4F2C
≈ Bronze Tone
- 2F4B67
≈ Majolica Blue
Geteilt komplementär +150° +210°
- 643B42
Kung Fu
- 2A523D
≈ Fresh Mint
- 1D505E
≈ Genetic Code
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.34:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.24:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.34:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--kung-fu: #643b42;
--kung-fu-rgb: 100 59 66;
--kung-fu-oklch: oklch(0.404 0.059 9);
}
.element {
color: var(--kung-fu);
background-color: hsl(350 26% 31%);
border-color: oklch(0.404 0.059 9);
}Tailwind CSS v4
@theme {
--color-kung-fu: #643b42;
--color-kung-fu-50: #ffeff1;
--color-kung-fu-100: #fbe0e3;
--color-kung-fu-200: #eccbce;
--color-kung-fu-300: #d3acb0;
--color-kung-fu-400: #be9197;
--color-kung-fu-500: #a9767e;
--color-kung-fu-600: #8f646b;
--color-kung-fu-700: #725055;
--color-kung-fu-800: #543a3f;
--color-kung-fu-900: #3b282b;
--color-kung-fu-950: #251619;
}SCSS
$kung-fu: #643b42;
$kung-fu-rgb: 100, 59, 66;
$kung-fu-light: mix(#fff, $kung-fu, 20%);
$kung-fu-dark: mix(#000, $kung-fu, 20%);
.element {
color: $kung-fu;
box-shadow: 0 0 0 2px rgba($kung-fu, 0.35);
}