Couleur nommée la plus proche · #AA392A
#AA392A
Couleur nommée la plus proche: Chocolate Chilli
#AA392A (rgb(170 57 42), hsl(7 60% 42%), oklch(0.506 0.151 30.5)) est la plus proche de la couleur nommée Chocolate Chilli. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AA392A
oklch(0.506 0.151 30.5)
Conversions de couleur
- HEX
- #aa392a
- RGB
- rgb(170 57 42)
- HSL
- hsl(7 60% 42%)
- HWB
- hwb(7 16% 33%)
- OKLCH
- oklch(0.506 0.151 30.5)
- OKLab
- oklab(0.506 0.13 0.077)
- CIE Lab
- lab(41.24 46.42 35.44)
- LCH
- lch(41.24 58.4 37.4)
- CMYK
- cmyk(0% 66% 75% 33%)
Teintes · Ombres · Tons
Teintes
- B54F40
- BF6354
- C97769
- D28A7D
- DB9D92
- E3B1A7
- EBC4BD
- F2D8D3
- F9EBE9
Ombres
- 933023
- 7D281C
- 681F16
- 531710
- 3F100A
- 2D0905
- 1B0402
- 0B0101
- 010000
Tons
- A74334
- A44B3E
- A15347
- 9D5A4F
- 9A6157
- 956860
- 916E68
- 8C7470
- 867A78
Harmonies de couleurs
Complémentaire +180°
- AA392A
Chocolate Chilli
- 007281
≈ Caribbean Dream
Analogue -30° +30°
- AA392A
Chocolate Chilli
- A53660
≈ Tree Peony
- 945200
≈ Mochaccino
Triadique +120° +240°
- AA392A
Chocolate Chilli
- 007A38
≈ Jordan Jazz
- 465BBA
≈ Chinese Bellflower
Complémentaire divisée +150° +210°
- AA392A
Chocolate Chilli
- 007667
≈ Teal Waters
- 006CA1
≈ Jazz Blue
Tétradique +90° +180° +270°
- AA392A
Chocolate Chilli
- 5C6E00
≈ Over the Hills
- 007281
≈ Caribbean Dream
- 744BAC
≈ Studio
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.31:1 · APCA Lc 80
Ag
FailSur noir
WCAG 3.32:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.31:1 (AA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--chocolate-chilli: #aa392a;
--chocolate-chilli-rgb: 170 57 42;
--chocolate-chilli-oklch: oklch(0.506 0.151 30.5);
}
.element {
color: var(--chocolate-chilli);
background-color: hsl(7 60% 42%);
border-color: oklch(0.506 0.151 30.5);
}Tailwind CSS v4
@theme {
--color-chocolate-chilli: #aa392a;
--color-chocolate-chilli-50: #ffe6da;
--color-chocolate-chilli-100: #ffd6c8;
--color-chocolate-chilli-200: #ffbdab;
--color-chocolate-chilli-300: #fb9a85;
--color-chocolate-chilli-400: #ea7966;
--color-chocolate-chilli-500: #d85744;
--color-chocolate-chilli-600: #b64a3b;
--color-chocolate-chilli-700: #923b2e;
--color-chocolate-chilli-800: #6d2a22;
--color-chocolate-chilli-900: #4d1c17;
--color-chocolate-chilli-950: #330b08;
}SCSS
$chocolate-chilli: #aa392a;
$chocolate-chilli-rgb: 170, 57, 42;
$chocolate-chilli-light: mix(#fff, $chocolate-chilli, 20%);
$chocolate-chilli-dark: mix(#000, $chocolate-chilli, 20%);
.element {
color: $chocolate-chilli;
box-shadow: 0 0 0 2px rgba($chocolate-chilli, 0.35);
}