Najbliższy nazwany kolor · #466F68
#466F68
Najbliższy nazwany kolor: Moonlit Forest
#466F68 (rgb(70 111 104), hsl(170 23% 35%), oklch(0.509 0.047 182.4)) jest najbliższy nazwanemu kolorowi Moonlit Forest. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#466F68
oklch(0.509 0.047 182.4)
Konwersje koloru
- HEX
- #466f68
- RGB
- rgb(70 111 104)
- HSL
- hsl(170 23% 35%)
- HWB
- hwb(170 27% 56%)
- OKLCH
- oklch(0.509 0.047 182.4)
- OKLab
- oklab(0.509 -0.047 -0.002)
- CIE Lab
- lab(43.65 -16.29 -0.89)
- LCH
- lch(43.65 16.32 183.1)
- CMYK
- cmyk(37% 0% 6% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 587C76
- 698A84
- 7B9893
- 8DA6A1
- A0B5B0
- B2C3C0
- C5D2CF
- D8E1DF
- EBF0EF
Odcienie ciemniejsze
- 3C6059
- 32514B
- 28423E
- 1E3430
- 152724
- 0D1A18
- 050E0C
- 020404
- 000100
Tony
- 4C716A
- 53736D
- 59746F
- 5E7671
- 647874
- 6A7976
- 6F7B79
- 757D7B
- 7B7E7E
Harmonie kolorów
Komplementarna +180°
- 466F68
Moonlit Forest
- 7E5B63
≈ Reading Tea Leaves
Analogowa -30° +30°
- 466F68
Moonlit Forest
- 516E59
≈ Green Bayou
- 456D76
≈ Holy Water
Triada +120° +240°
- 466F68
Moonlit Forest
- 6B607D
≈ Purple Gumball
- 7A604A
≈ Hickory Nut
Komplementarna rozszczepiona +150° +210°
- 466F68
Moonlit Forest
- 775C72
≈ Banished Brown
- 7F5C55
≈ Wild West
Tetrada +90° +180° +270°
- 466F68
Moonlit Forest
- 5C6482
≈ Enduring
- 7E5B63
≈ Reading Tea Leaves
- 6F6546
≈ Mount Olive
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.62:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.73:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.62:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--moonlit-forest: #466f68;
--moonlit-forest-rgb: 70 111 104;
--moonlit-forest-oklch: oklch(0.509 0.047 182.4);
}
.element {
color: var(--moonlit-forest);
background-color: hsl(170 23% 35%);
border-color: oklch(0.509 0.047 182.4);
}Tailwind CSS v4
@theme {
--color-moonlit-forest: #466f68;
--color-moonlit-forest-50: #e7faf7;
--color-moonlit-forest-100: #d7edea;
--color-moonlit-forest-200: #bfdbd6;
--color-moonlit-forest-300: #9dc0ba;
--color-moonlit-forest-400: #80a8a1;
--color-moonlit-forest-500: #629189;
--color-moonlit-forest-600: #547a74;
--color-moonlit-forest-700: #43625c;
--color-moonlit-forest-800: #304843;
--color-moonlit-forest-900: #20322e;
--color-moonlit-forest-950: #101e1b;
}SCSS
$moonlit-forest: #466f68;
$moonlit-forest-rgb: 70, 111, 104;
$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);
}