Benannte Farbe · #633639
Kremlin Red
Kremlin Red ist #633639: rgb(99 54 57), hsl(356 29% 30%), oklch(0.39 0.064 16.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Kremlin Red color name →
#633639
oklch(0.39 0.064 16.2)
Farbumrechnungen
- HEX
- #633639
- RGB
- rgb(99 54 57)
- HSL
- hsl(356 29% 30%)
- HWB
- hwb(356 21% 61%)
- OKLCH
- oklch(0.39 0.064 16.2)
- OKLab
- oklab(0.39 0.062 0.018)
- CIE Lab
- lab(28.56 20.85 7.39)
- LCH
- lch(28.56 22.12 19.5)
- CMYK
- cmyk(0% 45% 42% 61%)
Tints · Shades · Tones
Tints
- 72484A
- 825B5C
- 916E6F
- A18182
- B09596
- C0AAAA
- CFBEBF
- DFD4D4
- EFE9E9
Shades
- 552E30
- 472528
- 3A1E1F
- 2E1617
- 210F10
- 160809
- 0B0304
- 030101
- 000000
Tones
- 663D40
- 6A4547
- 6D4C4D
- 705354
- 735B5B
- 766263
- 79696A
- 7B7171
- 7E7879
Farbharmonien
Komplementär +180°
- 633639
Kremlin Red
- 064F50
≈ Malachite Blue Turquoise
Analog -30° +30°
- 633639
Kremlin Red
- 5E364C
≈ Ruby Violet
- 613A26
≈ Tropical Wood Brown
Triadisch +120° +240°
- 633639
Kremlin Red
- 354D29
≈ Nettle Green
- 2D4667
≈ Commodore
Geteilt komplementär +150° +210°
- 633639
Kremlin Red
- 1C503D
≈ Brunswick Green
- 154C5F
≈ Lazurite Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.91:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.11:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.91:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--kremlin-red: #633639;
--kremlin-red-rgb: 99 54 57;
--kremlin-red-oklch: oklch(0.39 0.064 16.2);
}
.element {
color: var(--kremlin-red);
background-color: hsl(356 29% 30%);
border-color: oklch(0.39 0.064 16.2);
}Tailwind CSS v4
@theme {
--color-kremlin-red: #633639;
--color-kremlin-red-50: #ffeeee;
--color-kremlin-red-100: #fde0e0;
--color-kremlin-red-200: #efcaca;
--color-kremlin-red-300: #d7abab;
--color-kremlin-red-400: #c28f91;
--color-kremlin-red-500: #ad7577;
--color-kremlin-red-600: #926365;
--color-kremlin-red-700: #754f51;
--color-kremlin-red-800: #56393b;
--color-kremlin-red-900: #3c2729;
--color-kremlin-red-950: #261517;
}SCSS
$kremlin-red: #633639;
$kremlin-red-rgb: 99, 54, 57;
$kremlin-red-light: mix(#fff, $kremlin-red, 20%);
$kremlin-red-dark: mix(#000, $kremlin-red, 20%);
.element {
color: $kremlin-red;
box-shadow: 0 0 0 2px rgba($kremlin-red, 0.35);
}