En yakın adlandırılmış renk · #202716
#202716
En yakın adlandırılmış renk: Midnight Pines
#202716 (rgb(32 39 22), hsl(85 28% 12%), oklch(0.26 0.032 126.7)) en çok Midnight Pines adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#202716
oklch(0.26 0.032 126.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 333929
- 464D3E
- 5B6153
- 70766A
- 878B81
- 9DA199
- B5B8B1
- CDCFCB
- E6E7E5
Koyu tonlar
- 1A2012
- 151A0D
- 0F1409
- 0A0E06
- 060803
- 030402
- 010201
- 000100
- 000000
Gri tonlar
- 292F20
- 313729
- 3B4033
- 44493E
- 4D5248
- 575B53
- 61645E
- 6B6D69
- 767674
Renk uyumları
Tamamlayıcı +180°
- 202716
Midnight Pines
- 282030
≈ Bleached Cedar
Analog -30° +30°
- 202716
Midnight Pines
- 282412
≈ Black Mesa
- 17291E
≈ Kuro Green
Üçlü +120° +240°
- 202716
Midnight Pines
- 172633
≈ Abyssal Anchorfish Blue
- 311E21
≈ Black Kite
Bölünmüş tamamlayıcı +150° +210°
- 202716
Midnight Pines
- 202334
≈ Black Velvet
- 2E1E2A
≈ Delighted Chimp
Dörtlü +90° +180° +270°
- 202716
Midnight Pines
- 10282E
≈ Black Box
- 282030
≈ Bleached Cedar
- 321F19
≈ Scorched
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 15.40:1 · APCA Lc 102
Ag
FailSiyah üzerinde
WCAG 1.36:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 15.40:1 (AAA) · APCA Lc 102
Contrast pairs
Kod parçacıkları
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);
}