Nazwany kolor · #807473
Zircon Grey
Zircon Grey to #807473: rgb(128 116 115), hsl(5 5% 48%), oklch(0.57 0.015 23.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Zircon Grey color name →
#807473
oklch(0.57 0.015 23.3)
Konwersje koloru
- HEX
- #807473
- RGB
- rgb(128 116 115)
- HSL
- hsl(5 5% 48%)
- HWB
- hwb(5 45% 50%)
- OKLCH
- oklch(0.57 0.015 23.3)
- OKLab
- oklab(0.57 0.014 0.006)
- CIE Lab
- lab(49.93 4.66 2.33)
- LCH
- lch(49.93 5.21 26.5)
- CMYK
- cmyk(0% 9% 10% 50%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8C8180
- 988E8D
- A49C9B
- B1A9A9
- BEB7B6
- CAC5C5
- D7D3D3
- E4E2E1
- F2F0F0
Odcienie ciemniejsze
- 6E6463
- 5D5454
- 4D4545
- 3D3736
- 2E2928
- 1F1B1B
- 120F0F
- 060505
- 010101
Tony
- 807574
- 807676
- 807877
- 807978
- 807A79
- 807B7B
- 807C7C
- 807E7D
- 807F7F
Harmonie kolorów
Komplementarna +180°
- 807473
Zircon Grey
- 6E7A7B
≈ Winter Could Grey
Analogowa -30° +30°
- 807473
Zircon Grey
- 7F7478
≈ Pumice Grey
- 7F756F
≈ Chinchilla Grey
Triada +120° +240°
- 807473
Zircon Grey
- 727A72
≈ Boxwood
- 737780
≈ Noble Silver
Komplementarna rozszczepiona +150° +210°
- 807473
Zircon Grey
- 6F7A76
≈ Green Dusk
- 6F797F
≈ Iron Frost
Tetrada +90° +180° +270°
- 807473
Zircon Grey
- 77786E
≈ Wolf Pack
- 6E7A7B
≈ Winter Could Grey
- 777680
≈ Hawk Grey
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.50:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.66:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
CSS
:root {
--zircon-grey: #807473;
--zircon-grey-rgb: 128 116 115;
--zircon-grey-oklch: oklch(0.57 0.015 23.3);
}
.element {
color: var(--zircon-grey);
background-color: hsl(5 5% 48%);
border-color: oklch(0.57 0.015 23.3);
}Tailwind CSS v4
@theme {
--color-zircon-grey: #807473;
--color-zircon-grey-50: #f9f3f3;
--color-zircon-grey-100: #ede6e5;
--color-zircon-grey-200: #dbd2d1;
--color-zircon-grey-300: #bfb5b3;
--color-zircon-grey-400: #a79b9a;
--color-zircon-grey-500: #908281;
--color-zircon-grey-600: #7a6e6e;
--color-zircon-grey-700: #615858;
--color-zircon-grey-800: #474040;
--color-zircon-grey-900: #322c2c;
--color-zircon-grey-950: #1d1919;
}SCSS
$zircon-grey: #807473;
$zircon-grey-rgb: 128, 116, 115;
$zircon-grey-light: mix(#fff, $zircon-grey, 20%);
$zircon-grey-dark: mix(#000, $zircon-grey, 20%);
.element {
color: $zircon-grey;
box-shadow: 0 0 0 2px rgba($zircon-grey, 0.35);
}