Couleur nommée la plus proche · #988664
#988664
Couleur nommée la plus proche: Mushroom Forest
#988664 (rgb(152 134 100), hsl(39 21% 49%), oklch(0.628 0.053 83.1)) est la plus proche de la couleur nommée Mushroom Forest. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#988664
oklch(0.628 0.053 83.1)
Conversions de couleur
- HEX
- #988664
- RGB
- rgb(152 134 100)
- HSL
- hsl(39 21% 49%)
- HWB
- hwb(39 39% 40%)
- OKLCH
- oklch(0.628 0.053 83.1)
- OKLab
- oklab(0.628 0.006 0.052)
- CIE Lab
- lab(56.93 3.18 21)
- LCH
- lch(56.93 21.24 81.4)
- CMYK
- cmyk(0% 12% 34% 40%)
Teintes · Ombres · Tons
Teintes
- A29273
- AC9D82
- B6A991
- C0B5A0
- CAC1AF
- D5CDBF
- DFD9CF
- EAE6DF
- F4F2EF
Ombres
- 847456
- 706248
- 5C513B
- 4A402E
- 383022
- 272116
- 17130B
- 080603
- 010100
Tons
- 968567
- 93856A
- 91846D
- 8E8470
- 8C8373
- 8A8375
- 878278
- 85817B
- 82817D
Harmonies de couleurs
Complémentaire +180°
- 988664
Mushroom Forest
- 7889A9
≈ Ship Cove
Analogue -30° +30°
- 988664
Mushroom Forest
- A3806B
≈ Red Earth
- 888C67
≈ Pesto Paste
Triadique +120° +240°
- 988664
Mushroom Forest
- 629297
≈ Clear Brook
- 987E9B
≈ Amorous
Complémentaire divisée +150° +210°
- 988664
Mushroom Forest
- 698EA3
≈ French Court
- 8983A6
≈ Purple Hills
Tétradique +90° +180° +270°
- 988664
Mushroom Forest
- 679385
≈ Pine Ridge
- 7889A9
≈ Ship Cove
- A37C8B
≈ Dusky Orchid
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.54:1 · APCA Lc 63
Ag
AASur noir
WCAG 5.92:1 · APCA Lc 39
Meilleure couleur de texte: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Extraits de code
CSS
:root {
--mushroom-forest: #988664;
--mushroom-forest-rgb: 152 134 100;
--mushroom-forest-oklch: oklch(0.628 0.053 83.1);
}
.element {
color: var(--mushroom-forest);
background-color: hsl(39 21% 49%);
border-color: oklch(0.628 0.053 83.1);
}Tailwind CSS v4
@theme {
--color-mushroom-forest: #988664;
--color-mushroom-forest-50: #fcf4e5;
--color-mushroom-forest-100: #f0e7d5;
--color-mushroom-forest-200: #dfd3bb;
--color-mushroom-forest-300: #c4b699;
--color-mushroom-forest-400: #ae9c7b;
--color-mushroom-forest-500: #97835e;
--color-mushroom-forest-600: #806f50;
--color-mushroom-forest-700: #665940;
--color-mushroom-forest-800: #4c412d;
--color-mushroom-forest-900: #352d1f;
--color-mushroom-forest-950: #201a0e;
}SCSS
$mushroom-forest: #988664;
$mushroom-forest-rgb: 152, 134, 100;
$mushroom-forest-light: mix(#fff, $mushroom-forest, 20%);
$mushroom-forest-dark: mix(#000, $mushroom-forest, 20%);
.element {
color: $mushroom-forest;
box-shadow: 0 0 0 2px rgba($mushroom-forest, 0.35);
}