Couleur nommée la plus proche · #AA343B
#AA343B
Couleur nommée la plus proche: Kabuki
#AA343B (rgb(170 52 59), hsl(356 53% 44%), oklch(0.502 0.153 21.4)) est la plus proche de la couleur nommée Kabuki. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AA343B
oklch(0.502 0.153 21.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- B54B4D
- BF6060
- C97473
- D28886
- DB9B99
- E3AFAD
- EBC3C1
- F2D7D5
- F9EBEA
Ombres
- 932C32
- 7D2429
- 681C21
- 531519
- 3F0E11
- 2D0709
- 1B0304
- 0B0101
- 010000
Tons
- A73F42
- A44849
- A15050
- 9E5857
- 9A5F5E
- 966665
- 916D6C
- 8C7472
- 867A79
Harmonies de couleurs
Complémentaire +180°
- AA343B
Kabuki
- 007278
≈ Essential Teal
Analogue -30° +30°
- AA343B
Kabuki
- A1356E
≈ Amaranth Deep Purple
- 9C4900
≈ Oregon
Triadique +120° +240°
- AA343B
Kabuki
- 227815
≈ Botanical Beauty
- 2E5FBA
≈ Amnesia Blue
Complémentaire divisée +150° +210°
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.43:1 · APCA Lc 81
Ag
FailSur noir
WCAG 3.26:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 81
Contrast pairs
Extraits de code
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);
}