Couleur nommée la plus proche · #AA5340
#AA5340
Couleur nommée la plus proche: Hot Sauce
#AA5340 (rgb(170 83 64), hsl(11 45% 46%), oklch(0.545 0.119 33.6)) est la plus proche de la couleur nommée Hot Sauce. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AA5340
oklch(0.545 0.119 33.6)
Conversions de couleur
- HEX
- #aa5340
- RGB
- rgb(170 83 64)
- HSL
- hsl(11 45% 46%)
- HWB
- hwb(11 25% 33%)
- OKLCH
- oklch(0.545 0.119 33.6)
- OKLab
- oklab(0.545 0.099 0.066)
- CIE Lab
- lab(46.25 35.3 28.46)
- LCH
- lch(46.25 45.34 38.9)
- CMYK
- cmyk(0% 51% 62% 33%)
Teintes · Ombres · Tons
Teintes
- B46452
- BD7565
- C78677
- D0978A
- D8A89D
- E0B9B0
- E9CAC3
- F0DCD7
- F8EDEB
Ombres
- 934736
- 7D3B2D
- 683024
- 53251B
- 3F1B13
- 2D110B
- 1B0805
- 0B0201
- 010000
Tons
- A75847
- A35E4E
- A06254
- 9C675B
- 986C61
- 947068
- 8F746E
- 8A7874
- 857C7A
Harmonies de couleurs
Complémentaire +180°
- AA5340
Hot Sauce
- 007E92
≈ Pagoda
Analogue -30° +30°
- AA5340
Hot Sauce
- A74F69
≈ China Rose
- 9F5F0F
≈ Soft Tone Ink
Triadique +120° +240°
- AA5340
Hot Sauce
- 29844F
≈ Monster Monstera
- 5B69B5
≈ Amparo Blue
Complémentaire divisée +150° +210°
- AA5340
Hot Sauce
- 008276
≈ Green Garlands
- 2176B0
≈ Americana
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.22:1 · APCA Lc 75
Ag
FailSur noir
WCAG 4.02:1 · APCA Lc 26
Meilleure couleur de texte: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 75
Contrast pairs
Extraits de code
CSS
:root {
--hot-sauce: #aa5340;
--hot-sauce-rgb: 170 83 64;
--hot-sauce-oklch: oklch(0.545 0.119 33.6);
}
.element {
color: var(--hot-sauce);
background-color: hsl(11 45% 46%);
border-color: oklch(0.545 0.119 33.6);
}Tailwind CSS v4
@theme {
--color-hot-sauce: #aa5340;
--color-hot-sauce-50: #ffeade;
--color-hot-sauce-100: #ffdbcd;
--color-hot-sauce-200: #ffc3b2;
--color-hot-sauce-300: #eda28e;
--color-hot-sauce-400: #db836f;
--color-hot-sauce-500: #c86550;
--color-hot-sauce-600: #a95644;
--color-hot-sauce-700: #884536;
--color-hot-sauce-800: #653128;
--color-hot-sauce-900: #47211a;
--color-hot-sauce-950: #2e100b;
}SCSS
$hot-sauce: #aa5340;
$hot-sauce-rgb: 170, 83, 64;
$hot-sauce-light: mix(#fff, $hot-sauce, 20%);
$hot-sauce-dark: mix(#000, $hot-sauce, 20%);
.element {
color: $hot-sauce;
box-shadow: 0 0 0 2px rgba($hot-sauce, 0.35);
}