Benannte Farbe · #A94737
Rambutan
Rambutan ist #A94737: rgb(169 71 55), hsl(8 51% 44%), oklch(0.524 0.133 31.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rambutan color name →
#A94737
oklch(0.524 0.133 31.3)
Farbumrechnungen
- HEX
- #a94737
- RGB
- rgb(169 71 55)
- HSL
- hsl(8 51% 44%)
- HWB
- hwb(8 22% 34%)
- OKLCH
- oklch(0.524 0.133 31.3)
- OKLab
- oklab(0.524 0.113 0.069)
- CIE Lab
- lab(43.62 40.34 30.53)
- LCH
- lch(43.62 50.59 37.1)
- CMYK
- cmyk(0% 58% 67% 34%)
Tints · Shades · Tones
Tints
- B35A4A
- BD6C5E
- C77F71
- D09184
- D9A398
- E1B5AC
- E9C7C0
- F1DAD5
- F8ECEA
Shades
- 923D2E
- 7C3226
- 67281E
- 531F16
- 3F160F
- 2C0D08
- 1B0603
- 0A0201
- 010000
Tones
- A64E3F
- A35547
- A05B4E
- 9C6156
- 98675D
- 946C64
- 90716B
- 8B7672
- 867B79
Farbharmonien
Komplementär +180°
- A94737
Rambutan
- 007888
≈ Biscay Bay
Analog -30° +30°
- A94737
Rambutan
- A54465
≈ Ancient Fuchsia
- 9B5700
≈ Charlie Brown
Triadisch +120° +240°
- A94737
Rambutan
- 147F40
≈ Jungle Green
- 4F63B6
≈ Submarine Base
Geteilt komplementär +150° +210°
- A94737
Rambutan
- 007C6E
≈ Blue Green
- 0071AA
≈ Cloisonné
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.76:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.64:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--rambutan: #a94737;
--rambutan-rgb: 169 71 55;
--rambutan-oklch: oklch(0.524 0.133 31.3);
}
.element {
color: var(--rambutan);
background-color: hsl(8 51% 44%);
border-color: oklch(0.524 0.133 31.3);
}Tailwind CSS v4
@theme {
--color-rambutan: #a94737;
--color-rambutan-50: #ffe8dd;
--color-rambutan-100: #ffd9cc;
--color-rambutan-200: #ffc0b0;
--color-rambutan-300: #f39e8b;
--color-rambutan-400: #e27f6d;
--color-rambutan-500: #cf5f4c;
--color-rambutan-600: #af5141;
--color-rambutan-700: #8d4134;
--color-rambutan-800: #692e26;
--color-rambutan-900: #4a1f19;
--color-rambutan-950: #300e0a;
}SCSS
$rambutan: #a94737;
$rambutan-rgb: 169, 71, 55;
$rambutan-light: mix(#fff, $rambutan, 20%);
$rambutan-dark: mix(#000, $rambutan, 20%);
.element {
color: $rambutan;
box-shadow: 0 0 0 2px rgba($rambutan, 0.35);
}