Najbliższy nazwany kolor · #7C666E
#7C666E
Najbliższy nazwany kolor: Moonscape
#7C666E (rgb(124 102 110), hsl(338 10% 44%), oklch(0.534 0.03 354.3)) jest najbliższy nazwanemu kolorowi Moonscape. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#7C666E
oklch(0.534 0.03 354.3)
Konwersje koloru
- HEX
- #7c666e
- RGB
- rgb(124 102 110)
- HSL
- hsl(338 10% 44%)
- HWB
- hwb(338 40% 51%)
- OKLCH
- oklch(0.534 0.03 354.3)
- OKLab
- oklab(0.534 0.03 -0.003)
- CIE Lab
- lab(45.57 10.14 -1.04)
- LCH
- lch(45.57 10.19 354.1)
- CMYK
- cmyk(0% 18% 11% 51%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 88747B
- 958389
- A29197
- AFA0A5
- BCAFB4
- C9BFC2
- D6CFD1
- E4DFE0
- F1EFF0
Odcienie ciemniejsze
- 6B585F
- 5A4A50
- 4A3C41
- 3B2F33
- 2C2326
- 1E1719
- 110C0E
- 050404
- 010001
Tony
- 7D6970
- 7D6B72
- 7D6E73
- 7E7075
- 7E7377
- 7F7679
- 7F787B
- 7F7B7C
- 807D7E
Harmonie kolorów
Komplementarna +180°
- 7C666E
Moonscape
- 5B736C
≈ Noble Fir
Analogowa -30° +30°
- 7C666E
Moonscape
- 766777
≈ Old Lavender
- 7E6664
≈ Zanzibar
Triada +120° +240°
- 7C666E
Moonscape
- 6C6F5B
≈ Iwai Brown
- 5C707C
≈ Smoky Pitch
Komplementarna rozszczepiona +150° +210°
- 7C666E
Moonscape
- 637262
≈ Bracken Green
- 597275
≈ Porch Swing
Tetrada +90° +180° +270°
- 7C666E
Moonscape
- 756C59
≈ Irrigation
- 5B736C
≈ Noble Fir
- 646D7F
≈ Nostalgic
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.27:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.98:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--moonscape: #7c666e;
--moonscape-rgb: 124 102 110;
--moonscape-oklch: oklch(0.534 0.03 354.3);
}
.element {
color: var(--moonscape);
background-color: hsl(338 10% 44%);
border-color: oklch(0.534 0.03 354.3);
}Tailwind CSS v4
@theme {
--color-moonscape: #7c666e;
--color-moonscape-50: #fdf2f5;
--color-moonscape-100: #f1e4e8;
--color-moonscape-200: #e0cfd4;
--color-moonscape-300: #c5b1b8;
--color-moonscape-400: #ae979f;
--color-moonscape-500: #977e87;
--color-moonscape-600: #806b73;
--color-moonscape-700: #66555c;
--color-moonscape-800: #4b3e43;
--color-moonscape-900: #342b2e;
--color-moonscape-950: #20181b;
}SCSS
$moonscape: #7c666e;
$moonscape-rgb: 124, 102, 110;
$moonscape-light: mix(#fff, $moonscape, 20%);
$moonscape-dark: mix(#000, $moonscape, 20%);
.element {
color: $moonscape;
box-shadow: 0 0 0 2px rgba($moonscape, 0.35);
}