Nächste benannte Farbe · #63373E
#63373E
Nächste benannte Farbe: Red Rumour
#63373E (rgb(99 55 62), hsl(350 29% 30%), oklch(0.394 0.063 10.2)) liegt am nächsten an der benannten Farbe Red Rumour. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#63373E
oklch(0.394 0.063 10.2)
Farbumrechnungen
- HEX
- #63373e
- RGB
- rgb(99 55 62)
- HSL
- hsl(350 29% 30%)
- HWB
- hwb(350 22% 61%)
- OKLCH
- oklch(0.394 0.063 10.2)
- OKLab
- oklab(0.394 0.062 0.011)
- CIE Lab
- lab(28.92 20.77 4.62)
- LCH
- lch(28.92 21.27 12.5)
- CMYK
- cmyk(0% 44% 37% 61%)
Tints · Shades · Tones
Tints
- 72494F
- 825C61
- 916E73
- A18286
- B09699
- C0AAAC
- CFBFC0
- DFD4D5
- EFE9EA
Shades
- 552E35
- 47262B
- 3A1E23
- 2E161A
- 210F12
- 16080A
- 0B0304
- 030101
- 000000
Tones
- 663E44
- 6A454B
- 6D4D51
- 705457
- 735B5E
- 766265
- 796A6B
- 7B7172
- 7E7979
Farbharmonien
Komplementär +180°
- 63373E
Red Rumour
- 0D514E
≈ Lacustral
Analog -30° +30°
- 63373E
Red Rumour
- 5D3851
≈ Bruised Bear
- 633A2B
≈ Tropical Wood Brown
Triadisch +120° +240°
- 63373E
Red Rumour
- 3A4D27
≈ Nettle Green
- 2A4867
≈ Lake View
Geteilt komplementär +150° +210°
- 63373E
Red Rumour
- 23503A
≈ Moselle Green
- 134E5D
≈ Teal Dark Blue
Tetradisch +90° +180° +270°
- 63373E
Red Rumour
- 4E471B
≈ Uniform Green
- 0D514E
≈ Lacustral
- 3F4267
≈ Chronicle
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.78:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.14:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.78:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--red-rumour: #63373e;
--red-rumour-rgb: 99 55 62;
--red-rumour-oklch: oklch(0.394 0.063 10.2);
}
.element {
color: var(--red-rumour);
background-color: hsl(350 29% 30%);
border-color: oklch(0.394 0.063 10.2);
}Tailwind CSS v4
@theme {
--color-red-rumour: #63373e;
--color-red-rumour-50: #ffeef0;
--color-red-rumour-100: #fce0e2;
--color-red-rumour-200: #eecacd;
--color-red-rumour-300: #d6abaf;
--color-red-rumour-400: #c08f96;
--color-red-rumour-500: #ab757c;
--color-red-rumour-600: #916369;
--color-red-rumour-700: #744f54;
--color-red-rumour-800: #56393e;
--color-red-rumour-900: #3c272b;
--color-red-rumour-950: #251518;
}SCSS
$red-rumour: #63373e;
$red-rumour-rgb: 99, 55, 62;
$red-rumour-light: mix(#fff, $red-rumour, 20%);
$red-rumour-dark: mix(#000, $red-rumour, 20%);
.element {
color: $red-rumour;
box-shadow: 0 0 0 2px rgba($red-rumour, 0.35);
}