Color con nombre más cercano · #AE503A
#AE503A
Color con nombre más cercano: Hot Chilli
#AE503A (rgb(174 80 58), hsl(11 50% 45%), oklch(0.546 0.128 34.5)) se parece más al color con nombre Hot Chilli. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#AE503A
oklch(0.546 0.128 34.5)
Conversiones de color
- HEX
- #ae503a
- RGB
- rgb(174 80 58)
- HSL
- hsl(11 50% 45%)
- HWB
- hwb(11 23% 32%)
- OKLCH
- oklch(0.546 0.128 34.5)
- OKLab
- oklab(0.546 0.106 0.073)
- CIE Lab
- lab(46.21 38.08 32.04)
- LCH
- lch(46.21 49.76 40.1)
- CMYK
- cmyk(0% 54% 67% 32%)
Tintes · Sombras · Tonos
Tintes
- B8624D
- C17360
- CA8573
- D29687
- DBA79A
- E3B8AE
- EACAC2
- F1DBD6
- F8EDEA
Sombras
- 974431
- 803928
- 6A2E20
- 552418
- 411A10
- 2E1009
- 1C0704
- 0B0201
- 010000
Tonos
- AA5642
- A75C4A
- A36151
- 9F6658
- 9A6B5F
- 966F66
- 91746C
- 8C7873
- 867C79
Armonías de color
Complementario +180°
- AE503A
Hot Chilli
- 007E93
≈ Pagoda
Análogo -30° +30°
- AE503A
Hot Chilli
- AC4C67
≈ Bing Cherry Pie
- A05E00
≈ Soft Tone Ink
Triádico +120° +240°
- AE503A
Hot Chilli
- 18854D
≈ Pixel Nature
- 5B68BA
≈ Bluish Purple Anemone
Complementario dividido +150° +210°
- AE503A
Hot Chilli
- 008277
≈ Green Garlands
- 1576B5
≈ Americana
Tetrádico +90° +180° +270°
- AE503A
Hot Chilli
- 607C14
≈ Birch Leaf Green
- 007E93
≈ Pagoda
- 815BAC
≈ Genestealer Purple
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.23:1 · APCA Lc 75
Ag
FailSobre negro
WCAG 4.00:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 75
Contrast pairs
Fragmentos de código
CSS
:root {
--hot-chilli: #ae503a;
--hot-chilli-rgb: 174 80 58;
--hot-chilli-oklch: oklch(0.546 0.128 34.5);
}
.element {
color: var(--hot-chilli);
background-color: hsl(11 50% 45%);
border-color: oklch(0.546 0.128 34.5);
}Tailwind CSS v4
@theme {
--color-hot-chilli: #ae503a;
--color-hot-chilli-50: #ffe9dc;
--color-hot-chilli-100: #ffdaca;
--color-hot-chilli-200: #ffc2ae;
--color-hot-chilli-300: #f1a089;
--color-hot-chilli-400: #df816a;
--color-hot-chilli-500: #cd6249;
--color-hot-chilli-600: #ad533e;
--color-hot-chilli-700: #8b4332;
--color-hot-chilli-800: #672f24;
--color-hot-chilli-900: #492018;
--color-hot-chilli-950: #2f0f09;
}SCSS
$hot-chilli: #ae503a;
$hot-chilli-rgb: 174, 80, 58;
$hot-chilli-light: mix(#fff, $hot-chilli, 20%);
$hot-chilli-dark: mix(#000, $hot-chilli, 20%);
.element {
color: $hot-chilli;
box-shadow: 0 0 0 2px rgba($hot-chilli, 0.35);
}