Couleur nommée la plus proche · #824D58
#824D58
Couleur nommée la plus proche: Nocturne Red
#824D58 (rgb(130 77 88), hsl(348 26% 41%), oklch(0.485 0.073 6.7)) est la plus proche de la couleur nommée Nocturne Red. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#824D58
oklch(0.485 0.073 6.7)
Conversions de couleur
- HEX
- #824d58
- RGB
- rgb(130 77 88)
- HSL
- hsl(348 26% 41%)
- HWB
- hwb(348 30% 49%)
- OKLCH
- oklch(0.485 0.073 6.7)
- OKLab
- oklab(0.485 0.072 0.009)
- CIE Lab
- lab(39.38 24.03 3.59)
- LCH
- lch(39.38 24.3 8.5)
- CMYK
- cmyk(0% 41% 32% 49%)
Teintes · Ombres · Tons
Teintes
- 8F5E67
- 9B6E77
- A87F87
- B49197
- C1A3A8
- CDB4B9
- DAC7CA
- E6D9DB
- F3ECED
Ombres
- 70424B
- 5F373F
- 4E2C33
- 3E2228
- 2F181D
- 200F12
- 120709
- 060203
- 010000
Tons
- 82525C
- 835760
- 835D64
- 836268
- 83676C
- 826C70
- 827174
- 827678
- 817B7C
Harmonies de couleurs
Complémentaire +180°
- 824D58
Nocturne Red
- 216C66
≈ Mosaic Tile
Analogue -30° +30°
- 824D58
Nocturne Red
- 794F6E
≈ Brocade Violet
- 835041
≈ Ironstone
Triadique +120° +240°
- 824D58
Nocturne Red
- 546738
≈ Interior Green
- 3B6386
≈ Functional Blue
Complémentaire divisée +150° +210°
- 824D58
Nocturne Red
- 396B4E
≈ Jungle Book Green
- 23697A
≈ Jester Blue
Tétradique +90° +180° +270°
- 824D58
Nocturne Red
- 6B5F2B
≈ Saguaro
- 216C66
≈ Mosaic Tile
- 545B88
≈ Marlin
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.66:1 · APCA Lc 83
Ag
FailSur noir
WCAG 3.15:1 · APCA Lc 19
Meilleure couleur de texte: #FFFFFF
WCAG 6.66:1 (AA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--nocturne-red: #824d58;
--nocturne-red-rgb: 130 77 88;
--nocturne-red-oklch: oklch(0.485 0.073 6.7);
}
.element {
color: var(--nocturne-red);
background-color: hsl(348 26% 41%);
border-color: oklch(0.485 0.073 6.7);
}Tailwind CSS v4
@theme {
--color-nocturne-red: #824d58;
--color-nocturne-red-50: #ffedf1;
--color-nocturne-red-100: #ffdee3;
--color-nocturne-red-200: #f1c8ce;
--color-nocturne-red-300: #d9a9b0;
--color-nocturne-red-400: #c58d97;
--color-nocturne-red-500: #b0727e;
--color-nocturne-red-600: #95606b;
--color-nocturne-red-700: #774d55;
--color-nocturne-red-800: #58383f;
--color-nocturne-red-900: #3e262b;
--color-nocturne-red-950: #271419;
}SCSS
$nocturne-red: #824d58;
$nocturne-red-rgb: 130, 77, 88;
$nocturne-red-light: mix(#fff, $nocturne-red, 20%);
$nocturne-red-dark: mix(#000, $nocturne-red, 20%);
.element {
color: $nocturne-red;
box-shadow: 0 0 0 2px rgba($nocturne-red, 0.35);
}