Benannte Farbe · #C1C6BF
Nickel Plate
Nickel Plate ist #C1C6BF: rgb(193 198 191), hsl(103 6% 76%), oklch(0.821 0.011 136.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Nickel Plate color name →
#C1C6BF
oklch(0.821 0.011 136.6)
Farbumrechnungen
- HEX
- #c1c6bf
- RGB
- rgb(193 198 191)
- HSL
- hsl(103 6% 76%)
- HWB
- hwb(103 75% 22%)
- OKLCH
- oklch(0.821 0.011 136.6)
- OKLab
- oklab(0.821 -0.008 0.008)
- CIE Lab
- lab(79.33 -2.75 2.89)
- LCH
- lch(79.33 3.98 133.6)
- CMYK
- cmyk(3% 0% 4% 22%)
Tints · Shades · Tones
Tints
- C7CCC5
- CDD1CC
- D3D7D2
- D9DCD8
- E0E2DF
- E6E8E5
- ECEEEB
- F2F3F2
- F9F9F8
Shades
- A7ACA6
- 8F928D
- 777A75
- 5F625E
- 494B48
- 343533
- 20211F
- 0E0E0D
- 020202
Tones
- BABFB9
- B4B8B2
- ADB0AC
- A6A9A5
- A0A29F
- 999B99
- 939492
- 8D8E8C
- 868786
Farbharmonien
Komplementär +180°
- C1C6BF
Nickel Plate
- C7C2C9
≈ Lavender Vapour
Analog -30° +30°
- C1C6BF
Nickel Plate
- C5C5BD
≈ Notre Dame
- BEC7C3
≈ Smoke
Triadisch +120° +240°
- C1C6BF
Nickel Plate
- C0C5CC
≈ Bottlefly Wings
- CBC2C2
≈ White Flag
Geteilt komplementär +150° +210°
- C1C6BF
Nickel Plate
- C3C3CB
≈ Satire
- CAC1C6
≈ Haze
Tetradisch +90° +180° +270°
- C1C6BF
Nickel Plate
- BDC6CA
≈ Gris Náutico
- C7C2C9
≈ Lavender Vapour
- CBC2BE
≈ Chicago Fog
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.73:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 12.09:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.09:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--nickel-plate: #c1c6bf;
--nickel-plate-rgb: 193 198 191;
--nickel-plate-oklch: oklch(0.821 0.011 136.6);
}
.element {
color: var(--nickel-plate);
background-color: hsl(103 6% 76%);
border-color: oklch(0.821 0.011 136.6);
}Tailwind CSS v4
@theme {
--color-nickel-plate: #c1c6bf;
--color-nickel-plate-50: #f3f6f3;
--color-nickel-plate-100: #e6e9e5;
--color-nickel-plate-200: #d2d5d1;
--color-nickel-plate-300: #b5b9b3;
--color-nickel-plate-400: #9ba09a;
--color-nickel-plate-500: #838881;
--color-nickel-plate-600: #6f736d;
--color-nickel-plate-700: #595c57;
--color-nickel-plate-800: #41433f;
--color-nickel-plate-900: #2d2e2c;
--color-nickel-plate-950: #1a1b19;
}SCSS
$nickel-plate: #c1c6bf;
$nickel-plate-rgb: 193, 198, 191;
$nickel-plate-light: mix(#fff, $nickel-plate, 20%);
$nickel-plate-dark: mix(#000, $nickel-plate, 20%);
.element {
color: $nickel-plate;
box-shadow: 0 0 0 2px rgba($nickel-plate, 0.35);
}