Couleur nommée la plus proche · #AE3A49
#AE3A49
Couleur nommée la plus proche: Chubby Kiss
#AE3A49 (rgb(174 58 73), hsl(352 50% 45%), oklch(0.519 0.151 16.6)) est la plus proche de la couleur nommée Chubby Kiss. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AE3A49
oklch(0.519 0.151 16.6)
Conversions de couleur
- HEX
- #ae3a49
- RGB
- rgb(174 58 73)
- HSL
- hsl(352 50% 45%)
- HWB
- hwb(352 23% 32%)
- OKLCH
- oklch(0.519 0.151 16.6)
- OKLab
- oklab(0.519 0.144 0.043)
- CIE Lab
- lab(42.54 48.67 18.6)
- LCH
- lch(42.54 52.1 20.9)
- CMYK
- cmyk(0% 67% 58% 32%)
Teintes · Ombres · Tons
Teintes
- B8505A
- C2646B
- CC777C
- D48B8E
- DD9EA0
- E5B1B2
- ECC4C5
- F3D8D8
- F9EBEB
Ombres
- 97313E
- 802834
- 6A202A
- 551820
- 411017
- 2E090E
- 1C0406
- 0B0102
- 010000
Tons
- AB444F
- A74C54
- A4545A
- A05B5F
- 9C6265
- 97686A
- 926F70
- 8D7575
- 877A7B
Harmonies de couleurs
Complémentaire +180°
- AE3A49
Chubby Kiss
- 00787A
≈ Prismarine
Analogue -30° +30°
- AE3A49
Chubby Kiss
- A33D7A
≈ Maximum Red Purple
- A84700
≈ Pepperoni
Triadique +120° +240°
- AE3A49
Chubby Kiss
- 3A7B0C
≈ Odd Pea Pod
- 2467BD
≈ Blue Streak
Complémentaire divisée +150° +210°
- AE3A49
Chubby Kiss
- 007C5B
≈ Sharp Green
- 007395
≈ Enchanted Blue
Tétradique +90° +180° +270°
- AE3A49
Chubby Kiss
- 716C00
≈ Worn Olive
- 00787A
≈ Prismarine
- 6556B9
≈ Circumorbital Ring
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.99:1 · APCA Lc 79
Ag
FailSur noir
WCAG 3.50:1 · APCA Lc 23
Meilleure couleur de texte: #FFFFFF
WCAG 5.99:1 (AA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--chubby-kiss: #ae3a49;
--chubby-kiss-rgb: 174 58 73;
--chubby-kiss-oklch: oklch(0.519 0.151 16.6);
}
.element {
color: var(--chubby-kiss);
background-color: hsl(352 50% 45%);
border-color: oklch(0.519 0.151 16.6);
}Tailwind CSS v4
@theme {
--color-chubby-kiss: #ae3a49;
--color-chubby-kiss-50: #ffe5e4;
--color-chubby-kiss-100: #ffd4d4;
--color-chubby-kiss-200: #ffbabb;
--color-chubby-kiss-300: #fb9799;
--color-chubby-kiss-400: #e9767f;
--color-chubby-kiss-500: #d75362;
--color-chubby-kiss-600: #b64753;
--color-chubby-kiss-700: #923942;
--color-chubby-kiss-800: #6d2832;
--color-chubby-kiss-900: #4d1b22;
--color-chubby-kiss-950: #320a11;
}SCSS
$chubby-kiss: #ae3a49;
$chubby-kiss-rgb: 174, 58, 73;
$chubby-kiss-light: mix(#fff, $chubby-kiss, 20%);
$chubby-kiss-dark: mix(#000, $chubby-kiss, 20%);
.element {
color: $chubby-kiss;
box-shadow: 0 0 0 2px rgba($chubby-kiss, 0.35);
}