Couleur nommée la plus proche · #7F423D
#7F423D
Couleur nommée la plus proche: Sly Fox
#7F423D (rgb(127 66 61), hsl(5 35% 37%), oklch(0.454 0.085 25.8)) est la plus proche de la couleur nommée Sly Fox. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#7F423D
oklch(0.454 0.085 25.8)
Conversions de couleur
- HEX
- #7f423d
- RGB
- rgb(127 66 61)
- HSL
- hsl(5 35% 37%)
- HWB
- hwb(5 24% 50%)
- OKLCH
- oklch(0.454 0.085 25.8)
- OKLab
- oklab(0.454 0.077 0.037)
- CIE Lab
- lab(35.81 26.45 15.46)
- LCH
- lch(35.81 30.64 30.3)
- CMYK
- cmyk(0% 48% 52% 50%)
Teintes · Ombres · Tons
Teintes
- 8C544E
- 9A6660
- A77873
- B38A86
- C09D99
- CDB0AD
- DAC3C1
- E6D7D5
- F3EBEA
Ombres
- 6E3834
- 5D2F2B
- 4C2522
- 3C1C1A
- 2D1412
- 1F0B0A
- 110504
- 060101
- 010000
Tons
- 804944
- 814F4A
- 815551
- 825C57
- 82625E
- 826865
- 826E6C
- 817472
- 817A79
Harmonies de couleurs
Complémentaire +180°
- 7F423D
Sly Fox
- 00626B
≈ Turkish Aqua
Analogue -30° +30°
- 7F423D
Sly Fox
- 7B4158
≈ Cheerful Wine
- 7A4823
≈ Urban Auburn
Triadique +120° +240°
- 7F423D
Sly Fox
- 346338
≈ Greenhouse
- 405486
≈ Blue Jewel
Complémentaire divisée +150° +210°
- 7F423D
Sly Fox
- 006554
≈ Piney Lake
- 1A5D7F
≈ Royal Blood
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.63:1 · APCA Lc 86
Ag
FailSur noir
WCAG 2.74:1 · APCA Lc 16
Meilleure couleur de texte: #FFFFFF
WCAG 7.63:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--sly-fox: #7f423d;
--sly-fox-rgb: 127 66 61;
--sly-fox-oklch: oklch(0.454 0.085 25.8);
}
.element {
color: var(--sly-fox);
background-color: hsl(5 35% 37%);
border-color: oklch(0.454 0.085 25.8);
}Tailwind CSS v4
@theme {
--color-sly-fox: #7f423d;
--color-sly-fox-50: #ffede8;
--color-sly-fox-100: #ffded8;
--color-sly-fox-200: #f7c7c0;
--color-sly-fox-300: #e0a79f;
--color-sly-fox-400: #cc8b84;
--color-sly-fox-500: #b86f68;
--color-sly-fox-600: #9b5e59;
--color-sly-fox-700: #7d4b47;
--color-sly-fox-800: #5c3634;
--color-sly-fox-900: #412523;
--color-sly-fox-950: #291412;
}SCSS
$sly-fox: #7f423d;
$sly-fox-rgb: 127, 66, 61;
$sly-fox-light: mix(#fff, $sly-fox, 20%);
$sly-fox-dark: mix(#000, $sly-fox, 20%);
.element {
color: $sly-fox;
box-shadow: 0 0 0 2px rgba($sly-fox, 0.35);
}