Couleur nommée la plus proche · #904441
#904441
Couleur nommée la plus proche: Red My Mind
#904441 (rgb(144 68 65), hsl(2 38% 41%), oklch(0.483 0.104 24)) est la plus proche de la couleur nommée Red My Mind. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#904441
oklch(0.483 0.104 24)
Conversions de couleur
- HEX
- #904441
- RGB
- rgb(144 68 65)
- HSL
- hsl(2 38% 41%)
- HWB
- hwb(2 25% 44%)
- OKLCH
- oklch(0.483 0.104 24)
- OKLab
- oklab(0.483 0.095 0.042)
- CIE Lab
- lab(39.02 32.62 17.77)
- LCH
- lch(39.02 37.14 28.6)
- CMYK
- cmyk(0% 53% 55% 44%)
Teintes · Ombres · Tons
Teintes
- 9C5652
- A86864
- B47A76
- BF8D89
- CA9F9B
- D5B2AF
- E0C5C2
- EBD8D6
- F5EBEA
Ombres
- 7D3A37
- 6A302E
- 572625
- 451D1C
- 341413
- 240C0B
- 150505
- 070201
- 010000
Tons
- 8F4B47
- 8F514E
- 8E5754
- 8C5E5A
- 8B6460
- 896967
- 876F6D
- 857573
- 837A7A
Harmonies de couleurs
Complémentaire +180°
- 904441
Red My Mind
- 006C74
≈ Toadstool Teal
Analogue -30° +30°
- 904441
Red My Mind
- 8A4362
≈ Putnam Plum
- 8B4C1C
≈ Brown Eyed Girl
Triadique +120° +240°
- 904441
Red My Mind
- 366D36
≈ San Felix
- 405C99
≈ Blue Dahlia
Complémentaire divisée +150° +210°
- 904441
Red My Mind
- 006F5A
≈ Teal Dark Green
- 00678E
≈ Pulsating Blue
Tétradique +90° +180° +270°
- 904441
Red My Mind
- 5E640C
≈ Mud Green
- 006C74
≈ Toadstool Teal
- 625193
≈ Fine Purple
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.79:1 · APCA Lc 83
Ag
FailSur noir
WCAG 3.08:1 · APCA Lc 19
Meilleure couleur de texte: #FFFFFF
WCAG 6.79:1 (AA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--red-my-mind: #904441;
--red-my-mind-rgb: 144 68 65;
--red-my-mind-oklch: oklch(0.483 0.104 24);
}
.element {
color: var(--red-my-mind);
background-color: hsl(2 38% 41%);
border-color: oklch(0.483 0.104 24);
}Tailwind CSS v4
@theme {
--color-red-my-mind: #904441;
--color-red-my-mind-50: #ffebe6;
--color-red-my-mind-100: #ffdbd6;
--color-red-my-mind-200: #fec4bd;
--color-red-my-mind-300: #e8a39c;
--color-red-my-mind-400: #d58680;
--color-red-my-mind-500: #c16964;
--color-red-my-mind-600: #a35955;
--color-red-my-mind-700: #834744;
--color-red-my-mind-800: #613332;
--color-red-my-mind-900: #442322;
--color-red-my-mind-950: #2c1111;
}SCSS
$red-my-mind: #904441;
$red-my-mind-rgb: 144, 68, 65;
$red-my-mind-light: mix(#fff, $red-my-mind, 20%);
$red-my-mind-dark: mix(#000, $red-my-mind, 20%);
.element {
color: $red-my-mind;
box-shadow: 0 0 0 2px rgba($red-my-mind, 0.35);
}