Nazwany kolor · #A94737
Rambutan
Rambutan to #A94737: rgb(169 71 55), hsl(8 51% 44%), oklch(0.524 0.133 31.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rambutan color name →
#A94737
oklch(0.524 0.133 31.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B35A4A
- BD6C5E
- C77F71
- D09184
- D9A398
- E1B5AC
- E9C7C0
- F1DAD5
- F8ECEA
Odcienie ciemniejsze
- 923D2E
- 7C3226
- 67281E
- 531F16
- 3F160F
- 2C0D08
- 1B0603
- 0A0201
- 010000
Tony
- A64E3F
- A35547
- A05B4E
- 9C6156
- 98675D
- 946C64
- 90716B
- 8B7672
- 867B79
Harmonie kolorów
Komplementarna +180°
- A94737
Rambutan
- 007888
≈ Biscay Bay
Analogowa -30° +30°
- A94737
Rambutan
- A54465
≈ Ancient Fuchsia
- 9B5700
≈ Charlie Brown
Triada +120° +240°
- A94737
Rambutan
- 147F40
≈ Jungle Green
- 4F63B6
≈ Submarine Base
Komplementarna rozszczepiona +150° +210°
- A94737
Rambutan
- 007C6E
≈ Blue Green
- 0071AA
≈ Cloisonné
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.76:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.64:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}