En yakın adlandırılmış renk · #466F68
#466F68
En yakın adlandırılmış renk: Moonlit Forest
#466F68 (rgb(70 111 104), hsl(170 23% 35%), oklch(0.509 0.047 182.4)) 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.
#466F68
oklch(0.509 0.047 182.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 587C76
- 698A84
- 7B9893
- 8DA6A1
- A0B5B0
- B2C3C0
- C5D2CF
- D8E1DF
- EBF0EF
Koyu tonlar
- 3C6059
- 32514B
- 28423E
- 1E3430
- 152724
- 0D1A18
- 050E0C
- 020404
- 000100
Gri tonlar
- 4C716A
- 53736D
- 59746F
- 5E7671
- 647874
- 6A7976
- 6F7B79
- 757D7B
- 7B7E7E
Renk uyumları
Tamamlayıcı +180°
- 466F68
Moonlit Forest
- 7E5B63
≈ Reading Tea Leaves
Analog -30° +30°
- 466F68
Moonlit Forest
- 516E59
≈ Green Bayou
- 456D76
≈ Holy Water
Üçlü +120° +240°
- 466F68
Moonlit Forest
- 6B607D
≈ Purple Gumball
- 7A604A
≈ Hickory Nut
Bölünmüş tamamlayıcı +150° +210°
- 466F68
Moonlit Forest
- 775C72
≈ Banished Brown
- 7F5C55
≈ Wild West
Dörtlü +90° +180° +270°
- 466F68
Moonlit Forest
- 5C6482
≈ Enduring
- 7E5B63
≈ Reading Tea Leaves
- 6F6546
≈ Mount Olive
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.62:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.73:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.62:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
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);
}