Najbliższy nazwany kolor · #7B6771
#7B6771
Najbliższy nazwany kolor: Moonscape
#7B6771 (rgb(123 103 113), hsl(330 9% 44%), oklch(0.536 0.029 346.5)) jest najbliższy nazwanemu kolorowi Moonscape. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#7B6771
oklch(0.536 0.029 346.5)
Konwersje koloru
- HEX
- #7b6771
- RGB
- rgb(123 103 113)
- HSL
- hsl(330 9% 44%)
- HWB
- hwb(330 40% 52%)
- OKLCH
- oklch(0.536 0.029 346.5)
- OKLab
- oklab(0.536 0.029 -0.007)
- CIE Lab
- lab(45.81 9.59 -2.5)
- LCH
- lch(45.81 9.91 345.4)
- CMYK
- cmyk(0% 16% 8% 52%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 88757E
- 94838C
- A19299
- AEA1A7
- BBB0B5
- C8BFC4
- D6CFD2
- E3DFE1
- F1EFF0
Odcienie ciemniejsze
- 6A5961
- 5A4B52
- 4A3D43
- 3A3035
- 2C2327
- 1E171A
- 100C0E
- 050404
- 010001
Tony
- 7C6972
- 7C6C74
- 7D6E75
- 7D7177
- 7E7378
- 7E767A
- 7F787B
- 7F7B7D
- 807D7E
Harmonie kolorów
Komplementarna +180°
- 7B6771
Moonscape
- 5E736A
≈ Cameroon Green
Analogowa -30° +30°
- 7B6771
Moonscape
- 756979
≈ Old Lavender
- 7E6768
≈ Zanzibar
Triada +120° +240°
- 7B6771
Moonscape
- 6F6F5B
≈ Lazy Lichen
- 5C717B
≈ Desert Night
Komplementarna rozszczepiona +150° +210°
- 7B6771
Moonscape
- 667261
≈ Laurel Garland
- 5A7373
≈ Riverway
Tetrada +90° +180° +270°
- 7B6771
Moonscape
- 786C5B
≈ Sleeping Giant
- 5E736A
≈ Cameroon Green
- 636F7F
≈ Buoyant
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.22:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.02:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--moonscape: #7b6771;
--moonscape-rgb: 123 103 113;
--moonscape-oklch: oklch(0.536 0.029 346.5);
}
.element {
color: var(--moonscape);
background-color: hsl(330 9% 44%);
border-color: oklch(0.536 0.029 346.5);
}Tailwind CSS v4
@theme {
--color-moonscape: #7b6771;
--color-moonscape-50: #fcf2f6;
--color-moonscape-100: #f0e4e9;
--color-moonscape-200: #dfcfd6;
--color-moonscape-300: #c4b2ba;
--color-moonscape-400: #ac98a2;
--color-moonscape-500: #957f8a;
--color-moonscape-600: #7e6b75;
--color-moonscape-700: #65565d;
--color-moonscape-800: #4a3e45;
--color-moonscape-900: #332b30;
--color-moonscape-950: #1f181c;
}SCSS
$moonscape: #7b6771;
$moonscape-rgb: 123, 103, 113;
$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);
}