Najbliższy nazwany kolor · #436B64
#436B64
Najbliższy nazwany kolor: Moonlit Forest
#436B64 (rgb(67 107 100), hsl(170 23% 34%), oklch(0.496 0.047 182.1)) jest najbliższy nazwanemu kolorowi Moonlit Forest. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#436B64
oklch(0.496 0.047 182.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 557972
- 678781
- 799590
- 8BA49F
- 9EB2AE
- B1C1BE
- C4D0CE
- D7E0DE
- EBEFEE
Odcienie ciemniejsze
- 395C56
- 2F4E48
- 263F3B
- 1D322E
- 142522
- 0C1816
- 050D0B
- 010403
- 000000
Tony
- 4A6D67
- 506F6A
- 56716C
- 5D746F
- 637672
- 697875
- 6E7A77
- 747C7A
- 7A7E7D
Harmonie kolorów
Komplementarna +180°
- 436B64
Moonlit Forest
- 795760
≈ Falcon Wing
Analogowa -30° +30°
- 436B64
Moonlit Forest
- 4E6A55
≈ Kale Green
- 426972
≈ Teal Mosaic
Triada +120° +240°
- 436B64
Moonlit Forest
- 675C79
≈ Indigo Red
- 765C47
≈ Mission Brown
Komplementarna rozszczepiona +150° +210°
- 436B64
Moonlit Forest
- 72586E
≈ Exotic Orchid
- 7A5951
≈ Sequoia Dusk
Tetrada +90° +180° +270°
- 436B64
Moonlit Forest
- 59617D
≈ Award Night
- 795760
≈ Falcon Wing
- 6B6243
≈ Bronze Medal
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.95:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.52:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
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);
}