Nazwany kolor · #757679
Astrogranite
Astrogranite to #757679: rgb(117 118 121), hsl(225 2% 47%), oklch(0.566 0.005 271.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Astrogranite color name →
#757679
oklch(0.566 0.005 271.3)
Konwersje koloru
- HEX
- #757679
- RGB
- rgb(117 118 121)
- HSL
- hsl(225 2% 47%)
- HWB
- hwb(225 46% 53%)
- OKLCH
- oklch(0.566 0.005 271.3)
- OKLab
- oklab(0.566 0 -0.005)
- CIE Lab
- lab(49.62 0.07 -1.79)
- LCH
- lch(49.62 1.8 272.1)
- CMYK
- cmyk(3% 2% 0% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 828386
- 8F9092
- 9C9D9F
- AAAAAC
- B8B8BA
- C5C6C7
- D4D4D5
- E2E2E3
- F0F0F1
Odcienie ciemniejsze
- 656668
- 555658
- 464748
- 373839
- 29292B
- 1C1C1D
- 0F0F10
- 050505
- 010101
Tony
- 76777A
- 77787A
- 78797B
- 797A7C
- 7A7B7C
- 7C7C7D
- 7D7D7E
- 7E7E7F
- 7F7F7F
Harmonie kolorów
Komplementarna +180°
- 757679
Astrogranite
- 777673
≈ Dry Mud
Analogowa -30° +30°
- 757679
Astrogranite
- 747779
≈ Astrogranite
- 767579
≈ Astrogranite
Triada +120° +240°
- 757679
Astrogranite
- 797574
≈ Steel Wool
- 747775
≈ Riverstone
Komplementarna rozszczepiona +150° +210°
- 757679
Astrogranite
- 787673
≈ Dry Mud
- 767774
≈ Dry Mud
Tetrada +90° +180° +270°
- 757679
Astrogranite
- 797576
≈ Monsoon
- 777673
≈ Dry Mud
- 737776
≈ Riverstone
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.54:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.62:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
CSS
:root {
--astrogranite: #757679;
--astrogranite-rgb: 117 118 121;
--astrogranite-oklch: oklch(0.566 0.005 271.3);
}
.element {
color: var(--astrogranite);
background-color: hsl(225 2% 47%);
border-color: oklch(0.566 0.005 271.3);
}Tailwind CSS v4
@theme {
--color-astrogranite: #757679;
--color-astrogranite-50: #f4f5f6;
--color-astrogranite-100: #e7e8e9;
--color-astrogranite-200: #d3d4d6;
--color-astrogranite-300: #b6b7ba;
--color-astrogranite-400: #9d9ea1;
--color-astrogranite-500: #858689;
--color-astrogranite-600: #707174;
--color-astrogranite-700: #5a5b5d;
--color-astrogranite-800: #424244;
--color-astrogranite-900: #2d2e2f;
--color-astrogranite-950: #1a1b1c;
}SCSS
$astrogranite: #757679;
$astrogranite-rgb: 117, 118, 121;
$astrogranite-light: mix(#fff, $astrogranite, 20%);
$astrogranite-dark: mix(#000, $astrogranite, 20%);
.element {
color: $astrogranite;
box-shadow: 0 0 0 2px rgba($astrogranite, 0.35);
}