En yakın adlandırılmış renk · #AA343B
#AA343B
En yakın adlandırılmış renk: Kabuki
#AA343B (rgb(170 52 59), hsl(356 53% 44%), oklch(0.502 0.153 21.4)) en çok Kabuki adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#AA343B
oklch(0.502 0.153 21.4)
Renk dönüşümleri
- HEX
- #aa343b
- RGB
- rgb(170 52 59)
- HSL
- hsl(356 53% 44%)
- HWB
- hwb(356 20% 33%)
- OKLCH
- oklch(0.502 0.153 21.4)
- OKLab
- oklab(0.502 0.143 0.056)
- CIE Lab
- lab(40.69 49.02 24.71)
- LCH
- lch(40.69 54.9 26.8)
- CMYK
- cmyk(0% 69% 65% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B54B4D
- BF6060
- C97473
- D28886
- DB9B99
- E3AFAD
- EBC3C1
- F2D7D5
- F9EBEA
Koyu tonlar
- 932C32
- 7D2429
- 681C21
- 531519
- 3F0E11
- 2D0709
- 1B0304
- 0B0101
- 010000
Gri tonlar
- A73F42
- A44849
- A15050
- 9E5857
- 9A5F5E
- 966665
- 916D6C
- 8C7472
- 867A79
Renk uyumları
Tamamlayıcı +180°
- AA343B
Kabuki
- 007278
≈ Essential Teal
Analog -30° +30°
- AA343B
Kabuki
- A1356E
≈ Amaranth Deep Purple
- 9C4900
≈ Oregon
Üçlü +120° +240°
- AA343B
Kabuki
- 227815
≈ Botanical Beauty
- 2E5FBA
≈ Amnesia Blue
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.43:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.26:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--kabuki: #aa343b;
--kabuki-rgb: 170 52 59;
--kabuki-oklch: oklch(0.502 0.153 21.4);
}
.element {
color: var(--kabuki);
background-color: hsl(356 53% 44%);
border-color: oklch(0.502 0.153 21.4);
}Tailwind CSS v4
@theme {
--color-kabuki: #aa343b;
--color-kabuki-50: #ffe5e0;
--color-kabuki-100: #ffd5d0;
--color-kabuki-200: #ffbbb5;
--color-kabuki-300: #fc9792;
--color-kabuki-400: #eb7576;
--color-kabuki-500: #d95357;
--color-kabuki-600: #b7474a;
--color-kabuki-700: #93393b;
--color-kabuki-800: #6e282c;
--color-kabuki-900: #4d1b1e;
--color-kabuki-950: #330a0e;
}SCSS
$kabuki: #aa343b;
$kabuki-rgb: 170, 52, 59;
$kabuki-light: mix(#fff, $kabuki, 20%);
$kabuki-dark: mix(#000, $kabuki, 20%);
.element {
color: $kabuki;
box-shadow: 0 0 0 2px rgba($kabuki, 0.35);
}