En yakın adlandırılmış renk · #436B64
#436B64
En yakın adlandırılmış renk: Moonlit Forest
#436B64 (rgb(67 107 100), hsl(170 23% 34%), oklch(0.496 0.047 182.1)) en çok Moonlit Forest 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.
#436B64
oklch(0.496 0.047 182.1)
Renk dönüşümleri
- HEX
- #436b64
- RGB
- rgb(67 107 100)
- HSL
- hsl(170 23% 34%)
- HWB
- hwb(170 26% 58%)
- OKLCH
- oklch(0.496 0.047 182.1)
- OKLab
- oklab(0.496 -0.047 -0.002)
- CIE Lab
- lab(42.1 -16.02 -0.77)
- LCH
- lch(42.1 16.04 182.8)
- CMYK
- cmyk(37% 0% 7% 58%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 557972
- 678781
- 799590
- 8BA49F
- 9EB2AE
- B1C1BE
- C4D0CE
- D7E0DE
- EBEFEE
Koyu tonlar
- 395C56
- 2F4E48
- 263F3B
- 1D322E
- 142522
- 0C1816
- 050D0B
- 010403
- 000000
Gri tonlar
- 4A6D67
- 506F6A
- 56716C
- 5D746F
- 637672
- 697875
- 6E7A77
- 747C7A
- 7A7E7D
Renk uyumları
Tamamlayıcı +180°
- 436B64
Moonlit Forest
- 795760
≈ Falcon Wing
Analog -30° +30°
- 436B64
Moonlit Forest
- 4E6A55
≈ Kale Green
- 426972
≈ Teal Mosaic
Üçlü +120° +240°
- 436B64
Moonlit Forest
- 675C79
≈ Indigo Red
- 765C47
≈ Mission Brown
Bölünmüş tamamlayıcı +150° +210°
- 436B64
Moonlit Forest
- 72586E
≈ Exotic Orchid
- 7A5951
≈ Sequoia Dusk
Dörtlü +90° +180° +270°
- 436B64
Moonlit Forest
- 59617D
≈ Award Night
- 795760
≈ Falcon Wing
- 6B6243
≈ Bronze Medal
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.95:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.52:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--moonlit-forest: #436b64;
--moonlit-forest-rgb: 67 107 100;
--moonlit-forest-oklch: oklch(0.496 0.047 182.1);
}
.element {
color: var(--moonlit-forest);
background-color: hsl(170 23% 34%);
border-color: oklch(0.496 0.047 182.1);
}Tailwind CSS v4
@theme {
--color-moonlit-forest: #436b64;
--color-moonlit-forest-50: #e7faf6;
--color-moonlit-forest-100: #d8ede9;
--color-moonlit-forest-200: #bfdbd6;
--color-moonlit-forest-300: #9ec0ba;
--color-moonlit-forest-400: #80a8a0;
--color-moonlit-forest-500: #639188;
--color-moonlit-forest-600: #547a73;
--color-moonlit-forest-700: #43625c;
--color-moonlit-forest-800: #304843;
--color-moonlit-forest-900: #21322e;
--color-moonlit-forest-950: #101e1b;
}SCSS
$moonlit-forest: #436b64;
$moonlit-forest-rgb: 67, 107, 100;
$moonlit-forest-light: mix(#fff, $moonlit-forest, 20%);
$moonlit-forest-dark: mix(#000, $moonlit-forest, 20%);
.element {
color: $moonlit-forest;
box-shadow: 0 0 0 2px rgba($moonlit-forest, 0.35);
}