Nazwany kolor · #C0C2C0
Waxwing
Waxwing to #C0C2C0: rgb(192 194 192), hsl(120 2% 76%), oklch(0.812 0.004 145.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Waxwing color name →
#C0C2C0
oklch(0.812 0.004 145.5)
Konwersje koloru
- HEX
- #c0c2c0
- RGB
- rgb(192 194 192)
- HSL
- hsl(120 2% 76%)
- HWB
- hwb(120 75% 24%)
- OKLCH
- oklch(0.812 0.004 145.5)
- OKLab
- oklab(0.812 -0.003 0.002)
- CIE Lab
- lab(78.23 -0.99 0.75)
- LCH
- lch(78.23 1.25 142.9)
- CMYK
- cmyk(1% 0% 1% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C6C8C6
- CCCECC
- D3D4D3
- D9DAD9
- DFE0DF
- E5E6E5
- ECECEC
- F2F3F2
- F9F9F9
Odcienie ciemniejsze
- A7A8A7
- 8E8F8E
- 767776
- 5F605F
- 494949
- 343434
- 202020
- 0E0E0E
- 020202
Tony
- B9BBB9
- B3B4B3
- ACAEAC
- A6A7A6
- 9FA09F
- 999A99
- 939393
- 8C8D8C
- 868686
Harmonie kolorów
Komplementarna +180°
- C0C2C0
Waxwing
- C3C1C3
≈ Magnesium
Analogowa -30° +30°
- C0C2C0
Waxwing
- C1C2BF
≈ Waxwing
- BFC2C1
≈ Silver Mine
Triada +120° +240°
- C0C2C0
Waxwing
- C0C1C4
≈ Mote of Dust
- C4C1C0
≈ Stonewall Grey
Komplementarna rozszczepiona +150° +210°
- C0C2C0
Waxwing
- C1C1C3
≈ Magnesium
- C3C0C1
≈ Stonewall Grey
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.79:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.71:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.71:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--waxwing: #c0c2c0;
--waxwing-rgb: 192 194 192;
--waxwing-oklch: oklch(0.812 0.004 145.5);
}
.element {
color: var(--waxwing);
background-color: hsl(120 2% 76%);
border-color: oklch(0.812 0.004 145.5);
}Tailwind CSS v4
@theme {
--color-waxwing: #c0c2c0;
--color-waxwing-50: #f4f5f4;
--color-waxwing-100: #e7e8e7;
--color-waxwing-200: #d3d4d3;
--color-waxwing-300: #b6b8b6;
--color-waxwing-400: #9d9f9d;
--color-waxwing-500: #858785;
--color-waxwing-600: #707270;
--color-waxwing-700: #5a5b5a;
--color-waxwing-800: #424341;
--color-waxwing-900: #2d2e2d;
--color-waxwing-950: #1a1b1a;
}SCSS
$waxwing: #c0c2c0;
$waxwing-rgb: 192, 194, 192;
$waxwing-light: mix(#fff, $waxwing, 20%);
$waxwing-dark: mix(#000, $waxwing, 20%);
.element {
color: $waxwing;
box-shadow: 0 0 0 2px rgba($waxwing, 0.35);
}