Couleur nommée la plus proche · #688232
#688232
Couleur nommée la plus proche: Enchanted Forest
#688232 (rgb(104 130 50), hsl(80 44% 35%), oklch(0.569 0.111 125)) est la plus proche de la couleur nommée Enchanted Forest. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#688232
oklch(0.569 0.111 125)
Conversions de couleur
- HEX
- #688232
- RGB
- rgb(104 130 50)
- HSL
- hsl(80 44% 35%)
- HWB
- hwb(80 20% 49%)
- OKLCH
- oklch(0.569 0.111 125)
- OKLab
- oklab(0.569 -0.064 0.091)
- CIE Lab
- lab(51.01 -19.39 38.92)
- LCH
- lch(51.01 43.48 116.5)
- CMYK
- cmyk(20% 0% 62% 49%)
Teintes · Ombres · Tons
Teintes
- 768E48
- 849A5D
- 93A771
- A1B385
- B0BF99
- C0CCAD
- CFD9C1
- DFE5D6
- EFF2EA
Ombres
- 59702A
- 4B5F22
- 3E4E1B
- 303E14
- 242F0D
- 182007
- 0C1203
- 040601
- 000100
Tons
- 6A823C
- 6D8245
- 6F824E
- 718256
- 74825D
- 768165
- 79816C
- 7B8173
- 7E8079
Harmonies de couleurs
Complémentaire +180°
- 688232
Enchanted Forest
- 8665AB
≈ Chive Blossom
Analogue -30° +30°
- 688232
Enchanted Forest
- 8C7512
≈ Jīn Zōng Gold
- 368A59
≈ Irish
Triadique +120° +240°
- 688232
Enchanted Forest
- 357DB4
≈ Vermeer Blue
- AC596E
≈ Malaga
Complémentaire divisée +150° +210°
- 688232
Enchanted Forest
- 6470B8
≈ Gladiola Blue
- 9F5C91
≈ Bermuda Onion
Tétradique +90° +180° +270°
- 688232
Enchanted Forest
- 00859C
≈ Zircon Blue
- 8665AB
≈ Chive Blossom
- AE5D48
≈ Iron Ore
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.34:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.82:1 · APCA Lc 32
Meilleure couleur de texte: #000000
WCAG 4.82:1 (AA) · APCA Lc 32
Contrast pairs
Extraits de code
CSS
:root {
--enchanted-forest: #688232;
--enchanted-forest-rgb: 104 130 50;
--enchanted-forest-oklch: oklch(0.569 0.111 125);
}
.element {
color: var(--enchanted-forest);
background-color: hsl(80 44% 35%);
border-color: oklch(0.569 0.111 125);
}Tailwind CSS v4
@theme {
--color-enchanted-forest: #688232;
--color-enchanted-forest-50: #ecfcda;
--color-enchanted-forest-100: #deefc8;
--color-enchanted-forest-200: #c7deab;
--color-enchanted-forest-300: #a8c284;
--color-enchanted-forest-400: #8faa5f;
--color-enchanted-forest-500: #759338;
--color-enchanted-forest-600: #637c31;
--color-enchanted-forest-700: #4f6327;
--color-enchanted-forest-800: #3b4819;
--color-enchanted-forest-900: #293210;
--color-enchanted-forest-950: #161e03;
}SCSS
$enchanted-forest: #688232;
$enchanted-forest-rgb: 104, 130, 50;
$enchanted-forest-light: mix(#fff, $enchanted-forest, 20%);
$enchanted-forest-dark: mix(#000, $enchanted-forest, 20%);
.element {
color: $enchanted-forest;
box-shadow: 0 0 0 2px rgba($enchanted-forest, 0.35);
}