Adlandırılmış renk · #A94737
Rambutan
Rambutan, #A94737: rgb(169 71 55), hsl(8 51% 44%), oklch(0.524 0.133 31.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Rambutan color name →
#A94737
oklch(0.524 0.133 31.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B35A4A
- BD6C5E
- C77F71
- D09184
- D9A398
- E1B5AC
- E9C7C0
- F1DAD5
- F8ECEA
Koyu tonlar
- 923D2E
- 7C3226
- 67281E
- 531F16
- 3F160F
- 2C0D08
- 1B0603
- 0A0201
- 010000
Gri tonlar
- A64E3F
- A35547
- A05B4E
- 9C6156
- 98675D
- 946C64
- 90716B
- 8B7672
- 867B79
Renk uyumları
Tamamlayıcı +180°
- A94737
Rambutan
- 007888
≈ Biscay Bay
Analog -30° +30°
- A94737
Rambutan
- A54465
≈ Ancient Fuchsia
- 9B5700
≈ Charlie Brown
Üçlü +120° +240°
- A94737
Rambutan
- 147F40
≈ Jungle Green
- 4F63B6
≈ Submarine Base
Bölünmüş tamamlayıcı +150° +210°
- A94737
Rambutan
- 007C6E
≈ Blue Green
- 0071AA
≈ Cloisonné
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.76:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.64:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
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);
}