Nazwany kolor · #807375
Pumice Grey
Pumice Grey to #807375: rgb(128 115 117), hsl(351 5% 48%), oklch(0.568 0.016 7.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pumice Grey color name →
#807375
oklch(0.568 0.016 7.1)
Konwersje koloru
- HEX
- #807375
- RGB
- rgb(128 115 117)
- HSL
- hsl(351 5% 48%)
- HWB
- hwb(351 45% 50%)
- OKLCH
- oklch(0.568 0.016 7.1)
- OKLab
- oklab(0.568 0.016 0.002)
- CIE Lab
- lab(49.7 5.49 0.83)
- LCH
- lch(49.7 5.55 8.6)
- CMYK
- cmyk(0% 10% 9% 50%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8C8082
- 988D8F
- A59B9C
- B1A9AA
- BEB7B8
- CAC5C5
- D7D3D4
- E4E1E2
- F2F0F0
Odcienie ciemniejsze
- 6E6365
- 5D5455
- 4D4546
- 3D3637
- 2E2829
- 1F1B1C
- 120F0F
- 060505
- 010101
Tony
- 807476
- 807677
- 807778
- 807879
- 80797A
- 807B7C
- 807C7D
- 807D7E
- 807F7F
Harmonie kolorów
Komplementarna +180°
- 807375
Pumice Grey
- 6C7A78
≈ Green Dusk
Analogowa -30° +30°
- 807375
Pumice Grey
- 7E737A
≈ Jubilee Grey
- 807470
≈ Chinchilla Grey
Triada +120° +240°
- 807375
Pumice Grey
- 74796E
≈ In the Woods
- 6F7880
≈ Bilberry
Komplementarna rozszczepiona +150° +210°
- 807375
Pumice Grey
- 6F7A73
≈ Boxwood
- 6D797D
≈ Phantom
Tetrada +90° +180° +270°
- 807375
Pumice Grey
- 79776C
≈ Slippery Shale
- 6C7A78
≈ Green Dusk
- 747681
≈ Purple Funk
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.53: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 {
--pumice-grey: #807375;
--pumice-grey-rgb: 128 115 117;
--pumice-grey-oklch: oklch(0.568 0.016 7.1);
}
.element {
color: var(--pumice-grey);
background-color: hsl(351 5% 48%);
border-color: oklch(0.568 0.016 7.1);
}Tailwind CSS v4
@theme {
--color-pumice-grey: #807375;
--color-pumice-grey-50: #faf3f4;
--color-pumice-grey-100: #ede6e7;
--color-pumice-grey-200: #dbd1d3;
--color-pumice-grey-300: #bfb4b5;
--color-pumice-grey-400: #a89b9d;
--color-pumice-grey-500: #908284;
--color-pumice-grey-600: #7a6e70;
--color-pumice-grey-700: #625859;
--color-pumice-grey-800: #484041;
--color-pumice-grey-900: #322c2d;
--color-pumice-grey-950: #1e191a;
}SCSS
$pumice-grey: #807375;
$pumice-grey-rgb: 128, 115, 117;
$pumice-grey-light: mix(#fff, $pumice-grey, 20%);
$pumice-grey-dark: mix(#000, $pumice-grey, 20%);
.element {
color: $pumice-grey;
box-shadow: 0 0 0 2px rgba($pumice-grey, 0.35);
}