Couleur nommée la plus proche · #53675D
#53675D
Couleur nommée la plus proche: Dark Forest
#53675D (rgb(83 103 93), hsl(150 11% 36%), oklch(0.494 0.029 163.5)) est la plus proche de la couleur nommée Dark Forest. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#53675D
oklch(0.494 0.029 163.5)
Conversions de couleur
- HEX
- #53675d
- RGB
- rgb(83 103 93)
- HSL
- hsl(150 11% 36%)
- HWB
- hwb(150 33% 60%)
- OKLCH
- oklch(0.494 0.029 163.5)
- OKLab
- oklab(0.494 -0.028 0.008)
- CIE Lab
- lab(41.71 -9.51 3.05)
- LCH
- lch(41.71 9.98 162.2)
- CMYK
- cmyk(19% 0% 10% 60%)
Teintes · Ombres · Tons
Teintes
- 63756C
- 73837B
- 83928A
- 94A19A
- A5B0AA
- B7BFBB
- C8CFCB
- DADFDC
- EDEFEE
Ombres
- 475950
- 3B4B43
- 303D37
- 25302A
- 1B231F
- 111714
- 080C0A
- 020403
- 000000
Tons
- 576960
- 5C6C64
- 606E67
- 65716B
- 69736E
- 6E7672
- 727875
- 777B79
- 7B7D7C
Harmonies de couleurs
Complémentaire +180°
- 53675D
Dark Forest
- 6E5B66
≈ Patina Violet
Analogue -30° +30°
- 53675D
Dark Forest
- 5B6555
≈ Pine Cone Pass
- 4F6766
≈ Angry Ocean
Triadique +120° +240°
- 53675D
Dark Forest
- 5F6072
≈ Damp Basement
- 705D55
≈ Missing Link
Complémentaire divisée +150° +210°
- 53675D
Dark Forest
- 685D6D
≈ Sedona Shadow
- 715B5D
≈ Poetry Plum
Tétradique +90° +180° +270°
- 53675D
Dark Forest
- 566372
≈ Midnight Shadow
- 6E5B66
≈ Patina Violet
- 6C5F50
≈ Chocolate Chip
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.05:1 · APCA Lc 80
Ag
FailSur noir
WCAG 3.46:1 · APCA Lc 22
Meilleure couleur de texte: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--dark-forest: #53675d;
--dark-forest-rgb: 83 103 93;
--dark-forest-oklch: oklch(0.494 0.029 163.5);
}
.element {
color: var(--dark-forest);
background-color: hsl(150 11% 36%);
border-color: oklch(0.494 0.029 163.5);
}Tailwind CSS v4
@theme {
--color-dark-forest: #53675d;
--color-dark-forest-50: #eef8f3;
--color-dark-forest-100: #dfebe5;
--color-dark-forest-200: #c9d8d1;
--color-dark-forest-300: #aabcb4;
--color-dark-forest-400: #90a49a;
--color-dark-forest-500: #758d81;
--color-dark-forest-600: #63776d;
--color-dark-forest-700: #4f5f57;
--color-dark-forest-800: #3a463f;
--color-dark-forest-900: #28302b;
--color-dark-forest-950: #161c19;
}SCSS
$dark-forest: #53675d;
$dark-forest-rgb: 83, 103, 93;
$dark-forest-light: mix(#fff, $dark-forest, 20%);
$dark-forest-dark: mix(#000, $dark-forest, 20%);
.element {
color: $dark-forest;
box-shadow: 0 0 0 2px rgba($dark-forest, 0.35);
}