Benoemde kleur · #C0C2C0
Waxwing
Waxwing is #C0C2C0: rgb(192 194 192), hsl(120 2% 76%), oklch(0.812 0.004 145.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Waxwing color name →
#C0C2C0
oklch(0.812 0.004 145.5)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- C6C8C6
- CCCECC
- D3D4D3
- D9DAD9
- DFE0DF
- E5E6E5
- ECECEC
- F2F3F2
- F9F9F9
Schaduwen
- A7A8A7
- 8E8F8E
- 767776
- 5F605F
- 494949
- 343434
- 202020
- 0E0E0E
- 020202
Tonen
- B9BBB9
- B3B4B3
- ACAEAC
- A6A7A6
- 9FA09F
- 999A99
- 939393
- 8C8D8C
- 868686
Kleurharmonieën
Complementair +180°
- C0C2C0
Waxwing
- C3C1C3
≈ Magnesium
Analoog -30° +30°
- C0C2C0
Waxwing
- C1C2BF
≈ Waxwing
- BFC2C1
≈ Silver Mine
Triadisch +120° +240°
- C0C2C0
Waxwing
- C0C1C4
≈ Mote of Dust
- C4C1C0
≈ Stonewall Grey
Gesplitst complementair +150° +210°
- C0C2C0
Waxwing
- C1C1C3
≈ Magnesium
- C3C0C1
≈ Stonewall Grey
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.79:1 · APCA Lc 33
Ag
AAAOp zwart
WCAG 11.71:1 · APCA Lc 69
Beste tekstkleur: #000000
WCAG 11.71:1 (AAA) · APCA Lc 69
Contrast pairs
Codefragmenten
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);
}