En yakın adlandırılmış renk · #162304
#162304
En yakın adlandırılmış renk: Midnight Pines
#162304 (rgb(22 35 4), hsl(85 79% 8%), oklch(0.236 0.055 129)) 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.
#162304
oklch(0.236 0.055 129)
Renk dönüşümleri
- HEX
- #162304
- RGB
- rgb(22 35 4)
- HSL
- hsl(85 79% 8%)
- HWB
- hwb(85 2% 86%)
- OKLCH
- oklch(0.236 0.055 129)
- OKLab
- oklab(0.236 -0.035 0.043)
- CIE Lab
- lab(11.9 -10.68 15.58)
- LCH
- lch(11.9 18.89 124.4)
- CMYK
- cmyk(37% 0% 89% 86%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 29361A
- 3D4930
- 535E47
- 69735F
- 808978
- 98A091
- B1B7AC
- CACEC7
- E4E6E3
Koyu tonlar
- 121D03
- 0D1702
- 091101
- 060C01
- 030701
- 020400
- 010100
- 000000
- 000000
Gri tonlar
- 1F2C10
- 29341C
- 333D28
- 3D4634
- 485040
- 53594C
- 5E6359
- 696C66
- 747673
Renk uyumları
Tamamlayıcı +180°
- 162304
Midnight Pines
- 261632
≈ Blacklist
Analog -30° +30°
- 162304
Midnight Pines
- 241E00
≈ Liquorice Root
- 002615
≈ Clock Chimes Thirteen
Üçlü +120° +240°
- 162304
Midnight Pines
- 062037
≈ Cyanophobia
- 331219
≈ Seal Brown
Bölünmüş tamamlayıcı +150° +210°
- 162304
Midnight Pines
- 191B38
≈ Nightwalker
- 2F1327
≈ Black Cherry
Dörtlü +90° +180° +270°
- 162304
Midnight Pines
- 00232C
≈ Midnight Dreams
- 261632
≈ Blacklist
- 331409
≈ Darkroom
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 16.45:1 · APCA Lc 103
Ag
FailSiyah üzerinde
WCAG 1.27:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 16.45:1 (AAA) · APCA Lc 103
Contrast pairs
Kod parçacıkları
CSS
:root {
--midnight-pines: #162304;
--midnight-pines-rgb: 22 35 4;
--midnight-pines-oklch: oklch(0.236 0.055 129);
}
.element {
color: var(--midnight-pines);
background-color: hsl(85 79% 8%);
border-color: oklch(0.236 0.055 129);
}Tailwind CSS v4
@theme {
--color-midnight-pines: #162304;
--color-midnight-pines-50: #f0f9e8;
--color-midnight-pines-100: #e1ecd9;
--color-midnight-pines-200: #ccd9c1;
--color-midnight-pines-300: #aebea1;
--color-midnight-pines-400: #94a583;
--color-midnight-pines-500: #7b8e67;
--color-midnight-pines-600: #687857;
--color-midnight-pines-700: #536046;
--color-midnight-pines-800: #3d4631;
--color-midnight-pines-900: #2a3022;
--color-midnight-pines-950: #181d11;
}SCSS
$midnight-pines: #162304;
$midnight-pines-rgb: 22, 35, 4;
$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);
}