Nazwany kolor · #7A7679
Monsoon
Monsoon to #7A7679: rgb(122 118 121), hsl(315 2% 47%), oklch(0.57 0.007 334.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Monsoon color name →
#7A7679
oklch(0.57 0.007 334.1)
Konwersje koloru
- HEX
- #7a7679
- RGB
- rgb(122 118 121)
- HSL
- hsl(315 2% 47%)
- HWB
- hwb(315 46% 52%)
- OKLCH
- oklch(0.57 0.007 334.1)
- OKLab
- oklab(0.57 0.006 -0.003)
- CIE Lab
- lab(50.07 2.03 -1.08)
- LCH
- lch(50.07 2.3 331.9)
- CMYK
- cmyk(0% 3% 1% 52%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 868386
- 939092
- A09D9F
- ADAAAC
- BAB8BA
- C8C6C7
- D5D4D5
- E3E2E3
- F1F0F1
Odcienie ciemniejsze
- 696668
- 595658
- 494748
- 3A3839
- 2B292B
- 1D1C1D
- 100F10
- 050505
- 010101
Tony
- 7B777A
- 7B787A
- 7C797B
- 7C7A7C
- 7D7B7C
- 7E7C7D
- 7E7D7E
- 7F7E7F
- 7F7F7F
Harmonie kolorów
Komplementarna +180°
- 7A7679
Monsoon
- 757976
≈ Legendary Grey
Analogowa -30° +30°
- 7A7679
Monsoon
- 78767B
≈ Monsoon
- 7B7677
≈ Cloudburst
Triada +120° +240°
- 7A7679
Monsoon
- 797773
≈ Dry Mud
- 73787A
≈ Riverstone
Komplementarna rozszczepiona +150° +210°
- 7A7679
Monsoon
- 767874
≈ Coal Miner
- 737978
≈ Riverstone
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.47:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.69:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.69:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--monsoon: #7a7679;
--monsoon-rgb: 122 118 121;
--monsoon-oklch: oklch(0.57 0.007 334.1);
}
.element {
color: var(--monsoon);
background-color: hsl(315 2% 47%);
border-color: oklch(0.57 0.007 334.1);
}Tailwind CSS v4
@theme {
--color-monsoon: #7a7679;
--color-monsoon-50: #f6f4f6;
--color-monsoon-100: #e9e7e9;
--color-monsoon-200: #d6d3d5;
--color-monsoon-300: #bab6b9;
--color-monsoon-400: #a19da0;
--color-monsoon-500: #898588;
--color-monsoon-600: #747073;
--color-monsoon-700: #5d5a5c;
--color-monsoon-800: #444143;
--color-monsoon-900: #2f2d2e;
--color-monsoon-950: #1b1a1b;
}SCSS
$monsoon: #7a7679;
$monsoon-rgb: 122, 118, 121;
$monsoon-light: mix(#fff, $monsoon, 20%);
$monsoon-dark: mix(#000, $monsoon, 20%);
.element {
color: $monsoon;
box-shadow: 0 0 0 2px rgba($monsoon, 0.35);
}