Adlandırılmış renk · #A32638
Alabama Crimson
Alabama Crimson, #A32638: rgb(163 38 56), hsl(351 62% 39%), oklch(0.476 0.16 18.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Alabama Crimson color name →
#A32638
oklch(0.476 0.16 18.2)
Renk dönüşümleri
- HEX
- #a32638
- RGB
- rgb(163 38 56)
- HSL
- hsl(351 62% 39%)
- HWB
- hwb(351 15% 36%)
- OKLCH
- oklch(0.476 0.16 18.2)
- OKLab
- oklab(0.476 0.152 0.05)
- CIE Lab
- lab(37.44 51.56 22.24)
- LCH
- lch(37.44 56.15 23.3)
- CMYK
- cmyk(0% 77% 66% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AF404A
- BA575D
- C56C70
- CF8183
- D89697
- E1ABAB
- E9BFBF
- F1D4D4
- F8EAE9
Koyu tonlar
- 8D202F
- 781927
- 63131F
- 4F0D17
- 3C080F
- 2A0408
- 190204
- 0A0101
- 010000
Gri tonlar
- A1343F
- 9F3F47
- 9D494E
- 9A5255
- 975A5C
- 936263
- 906A6A
- 8B7272
- 867979
Renk uyumları
Tamamlayıcı +180°
- A32638
Alabama Crimson
- 006A6D
≈ Aqua Obscura
Analog -30° +30°
- A32638
Alabama Crimson
- 982A6C
≈ Celestial Dragon
- 944000
≈ Roux
Üçlü +120° +240°
- A32638
Alabama Crimson
- 296E00
≈ Tatzelwurm Green
- 1558B4
≈ Bottled Sea
Bölünmüş tamamlayıcı +150° +210°
- A32638
Alabama Crimson
- 006D52
≈ Starboard
- 006685
≈ Journey Into Night
Dörtlü +90° +180° +270°
- A32638
Alabama Crimson
- 626000
≈ Kirchner Green
- 006A6D
≈ Aqua Obscura
- 5C46AF
≈ Swiss Plum
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.26:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.89:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--alabama-crimson: #a32638;
--alabama-crimson-rgb: 163 38 56;
--alabama-crimson-oklch: oklch(0.476 0.16 18.2);
}
.element {
color: var(--alabama-crimson);
background-color: hsl(351 62% 39%);
border-color: oklch(0.476 0.16 18.2);
}Tailwind CSS v4
@theme {
--color-alabama-crimson: #a32638;
--color-alabama-crimson-50: #ffe4e2;
--color-alabama-crimson-100: #ffd3d2;
--color-alabama-crimson-200: #ffb9b8;
--color-alabama-crimson-300: #ff9595;
--color-alabama-crimson-400: #ee727a;
--color-alabama-crimson-500: #dc4e5c;
--color-alabama-crimson-600: #b9434e;
--color-alabama-crimson-700: #95363e;
--color-alabama-crimson-800: #6f262f;
--color-alabama-crimson-900: #4e1920;
--color-alabama-crimson-950: #34090f;
}SCSS
$alabama-crimson: #a32638;
$alabama-crimson-rgb: 163, 38, 56;
$alabama-crimson-light: mix(#fff, $alabama-crimson, 20%);
$alabama-crimson-dark: mix(#000, $alabama-crimson, 20%);
.element {
color: $alabama-crimson;
box-shadow: 0 0 0 2px rgba($alabama-crimson, 0.35);
}