Couleur nommée la plus proche · #AB2340
#AB2340
Couleur nommée la plus proche: Chilli Pepper
#AB2340 (rgb(171 35 64), hsl(347 66% 40%), oklch(0.489 0.171 14.9)) est la plus proche de la couleur nommée Chilli Pepper. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AB2340
oklch(0.489 0.171 14.9)
Conversions de couleur
- HEX
- #ab2340
- RGB
- rgb(171 35 64)
- HSL
- hsl(347 66% 40%)
- HWB
- hwb(347 14% 33%)
- OKLCH
- oklch(0.489 0.171 14.9)
- OKLab
- oklab(0.489 0.165 0.044)
- CIE Lab
- lab(38.86 55.2 19.35)
- LCH
- lch(38.86 58.5 19.3)
- CMYK
- cmyk(0% 80% 63% 33%)
Teintes · Ombres · Tons
Teintes
- B63F51
- C15763
- CB6C75
- D48188
- DD969B
- E5ABAE
- ECC0C2
- F3D5D6
- F9EAEA
Ombres
- 941D36
- 7E172D
- 681124
- 540C1B
- 400713
- 2D040B
- 1B0105
- 0B0001
- 010000
Tons
- A93246
- A63E4D
- A34953
- 9F525A
- 9B5B60
- 976366
- 926A6D
- 8D7273
- 87797A
Harmonies de couleurs
Complémentaire +180°
- AB2340
Chilli Pepper
- 006F6F
≈ Caribbean Current
Analogue -30° +30°
- AB2340
Chilli Pepper
- 9E2976
≈ Amaranth Deep Purple
- 9D3F00
≈ All the Leaves Are Brown
Triadique +120° +240°
- AB2340
Chilli Pepper
- 397100
≈ Forest Empress
- 005EB8
≈ Amnesia Blue
Complémentaire divisée +150° +210°
- AB2340
Chilli Pepper
- 007251
≈ Lush Meadow
- 006B87
≈ Arabian Nights
Tétradique +90° +180° +270°
- AB2340
Chilli Pepper
- 696300
≈ Earthy Khaki Green
- 006F6F
≈ Caribbean Current
- 5A4ABB
≈ Swiss Plum
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.89:1 · APCA Lc 82
Ag
FailSur noir
WCAG 3.04:1 · APCA Lc 20
Meilleure couleur de texte: #FFFFFF
WCAG 6.89:1 (AA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--chilli-pepper: #ab2340;
--chilli-pepper-rgb: 171 35 64;
--chilli-pepper-oklch: oklch(0.489 0.171 14.9);
}
.element {
color: var(--chilli-pepper);
background-color: hsl(347 66% 40%);
border-color: oklch(0.489 0.171 14.9);
}Tailwind CSS v4
@theme {
--color-chilli-pepper: #ab2340;
--color-chilli-pepper-50: #ffe2e4;
--color-chilli-pepper-100: #ffd1d4;
--color-chilli-pepper-200: #ffb6ba;
--color-chilli-pepper-300: #ff9198;
--color-chilli-pepper-400: #f16e7e;
--color-chilli-pepper-500: #e04861;
--color-chilli-pepper-600: #bd3e52;
--color-chilli-pepper-700: #983142;
--color-chilli-pepper-800: #712231;
--color-chilli-pepper-900: #501721;
--color-chilli-pepper-950: #350711;
}SCSS
$chilli-pepper: #ab2340;
$chilli-pepper-rgb: 171, 35, 64;
$chilli-pepper-light: mix(#fff, $chilli-pepper, 20%);
$chilli-pepper-dark: mix(#000, $chilli-pepper, 20%);
.element {
color: $chilli-pepper;
box-shadow: 0 0 0 2px rgba($chilli-pepper, 0.35);
}