Nazwany kolor · #756F6D
Newsprint
Newsprint to #756F6D: rgb(117 111 109), hsl(15 4% 44%), oklch(0.546 0.008 39.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Newsprint color name →
#756F6D
oklch(0.546 0.008 39.4)
Konwersje koloru
- HEX
- #756f6d
- RGB
- rgb(117 111 109)
- HSL
- hsl(15 4% 44%)
- HWB
- hwb(15 43% 54%)
- OKLCH
- oklch(0.546 0.008 39.4)
- OKLab
- oklab(0.546 0.006 0.005)
- CIE Lab
- lab(47.34 2.12 1.99)
- LCH
- lch(47.34 2.91 43.2)
- CMYK
- cmyk(0% 5% 7% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 827C7B
- 8F8A88
- 9C9896
- AAA6A5
- B8B4B3
- C6C3C2
- D4D2D1
- E2E1E0
- F0F0EF
Odcienie ciemniejsze
- 65605E
- 55514F
- 464241
- 373433
- 292726
- 1C1A19
- 0F0E0D
- 050404
- 010101
Tony
- 76716F
- 777271
- 787473
- 797675
- 7B7776
- 7C7978
- 7D7B7A
- 7E7D7C
- 7F7E7E
Harmonie kolorów
Komplementarna +180°
- 756F6D
Newsprint
- 6C7274
≈ Antique Tin
Analogowa -30° +30°
- 756F6D
Newsprint
- 756F6F
≈ Newsprint
- 74706C
≈ Anchovy
Triada +120° +240°
- 756F6D
Newsprint
- 6D726F
≈ Up in Smoke
- 6F7075
≈ High-Speed Steel
Komplementarna rozszczepiona +150° +210°
- 756F6D
Newsprint
- 6B7271
≈ Rich Pewter
- 6D7175
≈ High-Speed Steel
Tetrada +90° +180° +270°
- 756F6D
Newsprint
- 6F716D
≈ Up in Smoke
- 6C7274
≈ Antique Tin
- 726F74
≈ Exclusive Plum
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.94:1 · APCA Lc 74
Ag
FailNa czerni
WCAG 4.25:1 · APCA Lc 27
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--newsprint: #756f6d;
--newsprint-rgb: 117 111 109;
--newsprint-oklch: oklch(0.546 0.008 39.4);
}
.element {
color: var(--newsprint);
background-color: hsl(15 4% 44%);
border-color: oklch(0.546 0.008 39.4);
}Tailwind CSS v4
@theme {
--color-newsprint: #756f6d;
--color-newsprint-50: #f7f4f3;
--color-newsprint-100: #eae7e6;
--color-newsprint-200: #d7d3d1;
--color-newsprint-300: #bbb6b4;
--color-newsprint-400: #a39d9b;
--color-newsprint-500: #8b8482;
--color-newsprint-600: #76706e;
--color-newsprint-700: #5e5a58;
--color-newsprint-800: #454140;
--color-newsprint-900: #302d2c;
--color-newsprint-950: #1c1a19;
}SCSS
$newsprint: #756f6d;
$newsprint-rgb: 117, 111, 109;
$newsprint-light: mix(#fff, $newsprint, 20%);
$newsprint-dark: mix(#000, $newsprint, 20%);
.element {
color: $newsprint;
box-shadow: 0 0 0 2px rgba($newsprint, 0.35);
}