Couleur nommée la plus proche · #623840
#623840
Couleur nommée la plus proche: Red Rumour
#623840 (rgb(98 56 64), hsl(349 27% 30%), oklch(0.395 0.061 7.9)) est la plus proche de la couleur nommée Red Rumour. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#623840
oklch(0.395 0.061 7.9)
Conversions de couleur
- HEX
- #623840
- RGB
- rgb(98 56 64)
- HSL
- hsl(349 27% 30%)
- HWB
- hwb(349 22% 62%)
- OKLCH
- oklch(0.395 0.061 7.9)
- OKLab
- oklab(0.395 0.06 0.008)
- CIE Lab
- lab(29.06 19.97 3.49)
- LCH
- lch(29.06 20.27 9.9)
- CMYK
- cmyk(0% 43% 35% 62%)
Teintes · Ombres · Tons
Teintes
- 714A51
- 815C62
- 906F74
- A08287
- AF969A
- BFAAAD
- CFBFC1
- DFD4D5
- EFE9EA
Ombres
- 542F36
- 47272D
- 3A1F24
- 2D171B
- 210F13
- 16080B
- 0B0405
- 030101
- 000000
Tons
- 663F46
- 69464C
- 6C4D52
- 6F5459
- 725C5F
- 756366
- 786A6C
- 7B7173
- 7E7979
Harmonies de couleurs
Complémentaire +180°
- 623840
Red Rumour
- 14514C
≈ Lacustral
Analogue -30° +30°
- 623840
Red Rumour
- 5B3952
≈ Bruised Bear
- 623A2E
≈ Tropical Wood Brown
Triadique +120° +240°
- 623840
Red Rumour
- 3D4C28
≈ Bronze Tone
- 2A4965
≈ Lake View
Complémentaire divisée +150° +210°
- 623840
Red Rumour
- 27503A
≈ Moselle Green
- 164E5C
≈ Teal Dark Blue
Tétradique +90° +180° +270°
- 623840
Red Rumour
- 4F461D
≈ Uniform Green
- 14514C
≈ Lacustral
- 3F4367
≈ Chronicle
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.72:1 · APCA Lc 92
Ag
FailSur noir
WCAG 2.15:1 · APCA Lc 10
Meilleure couleur de texte: #FFFFFF
WCAG 9.72:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
CSS
:root {
--red-rumour: #623840;
--red-rumour-rgb: 98 56 64;
--red-rumour-oklch: oklch(0.395 0.061 7.9);
}
.element {
color: var(--red-rumour);
background-color: hsl(349 27% 30%);
border-color: oklch(0.395 0.061 7.9);
}Tailwind CSS v4
@theme {
--color-red-rumour: #623840;
--color-red-rumour-50: #ffeef1;
--color-red-rumour-100: #fbe0e3;
--color-red-rumour-200: #edcace;
--color-red-rumour-300: #d4abb0;
--color-red-rumour-400: #bf9098;
--color-red-rumour-500: #aa767e;
--color-red-rumour-600: #8f646b;
--color-red-rumour-700: #735056;
--color-red-rumour-800: #553a3f;
--color-red-rumour-900: #3b272b;
--color-red-rumour-950: #251619;
}SCSS
$red-rumour: #623840;
$red-rumour-rgb: 98, 56, 64;
$red-rumour-light: mix(#fff, $red-rumour, 20%);
$red-rumour-dark: mix(#000, $red-rumour, 20%);
.element {
color: $red-rumour;
box-shadow: 0 0 0 2px rgba($red-rumour, 0.35);
}