Couleur nommée la plus proche · #202716
#202716
Couleur nommée la plus proche: Midnight Pines
#202716 (rgb(32 39 22), hsl(85 28% 12%), oklch(0.26 0.032 126.7)) est la plus proche de la couleur nommée Midnight Pines. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#202716
oklch(0.26 0.032 126.7)
Conversions de couleur
- HEX
- #202716
- RGB
- rgb(32 39 22)
- HSL
- hsl(85 28% 12%)
- HWB
- hwb(85 9% 85%)
- OKLCH
- oklch(0.26 0.032 126.7)
- OKLab
- oklab(0.26 -0.019 0.025)
- CIE Lab
- lab(14.54 -6.1 10.18)
- LCH
- lch(14.54 11.87 120.9)
- CMYK
- cmyk(18% 0% 44% 85%)
Teintes · Ombres · Tons
Teintes
- 333929
- 464D3E
- 5B6153
- 70766A
- 878B81
- 9DA199
- B5B8B1
- CDCFCB
- E6E7E5
Ombres
- 1A2012
- 151A0D
- 0F1409
- 0A0E06
- 060803
- 030402
- 010201
- 000100
- 000000
Tons
- 292F20
- 313729
- 3B4033
- 44493E
- 4D5248
- 575B53
- 61645E
- 6B6D69
- 767674
Harmonies de couleurs
Complémentaire +180°
- 202716
Midnight Pines
- 282030
≈ Bleached Cedar
Analogue -30° +30°
- 202716
Midnight Pines
- 282412
≈ Black Mesa
- 17291E
≈ Kuro Green
Triadique +120° +240°
- 202716
Midnight Pines
- 172633
≈ Abyssal Anchorfish Blue
- 311E21
≈ Black Kite
Complémentaire divisée +150° +210°
- 202716
Midnight Pines
- 202334
≈ Black Velvet
- 2E1E2A
≈ Delighted Chimp
Tétradique +90° +180° +270°
- 202716
Midnight Pines
- 10282E
≈ Black Box
- 282030
≈ Bleached Cedar
- 321F19
≈ Scorched
Contraste et accessibilité
Ag
AAASur blanc
WCAG 15.40:1 · APCA Lc 102
Ag
FailSur noir
WCAG 1.36:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 15.40:1 (AAA) · APCA Lc 102
Contrast pairs
Extraits de code
CSS
:root {
--midnight-pines: #202716;
--midnight-pines-rgb: 32 39 22;
--midnight-pines-oklch: oklch(0.26 0.032 126.7);
}
.element {
color: var(--midnight-pines);
background-color: hsl(85 28% 12%);
border-color: oklch(0.26 0.032 126.7);
}Tailwind CSS v4
@theme {
--color-midnight-pines: #202716;
--color-midnight-pines-50: #f2f7ee;
--color-midnight-pines-100: #e5eadf;
--color-midnight-pines-200: #d0d7c9;
--color-midnight-pines-300: #b2bbaa;
--color-midnight-pines-400: #99a28e;
--color-midnight-pines-500: #818a74;
--color-midnight-pines-600: #6d7562;
--color-midnight-pines-700: #575e4e;
--color-midnight-pines-800: #404439;
--color-midnight-pines-900: #2c2f27;
--color-midnight-pines-950: #191c15;
}SCSS
$midnight-pines: #202716;
$midnight-pines-rgb: 32, 39, 22;
$midnight-pines-light: mix(#fff, $midnight-pines, 20%);
$midnight-pines-dark: mix(#000, $midnight-pines, 20%);
.element {
color: $midnight-pines;
box-shadow: 0 0 0 2px rgba($midnight-pines, 0.35);
}