Benannte Farbe · #C3C3BD
Grey Nickel
Grey Nickel ist #C3C3BD: rgb(195 195 189), hsl(60 5% 75%), oklch(0.815 0.008 106.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Grey Nickel color name →
#C3C3BD
oklch(0.815 0.008 106.6)
Farbumrechnungen
- HEX
- #c3c3bd
- RGB
- rgb(195 195 189)
- HSL
- hsl(60 5% 75%)
- HWB
- hwb(60 74% 24%)
- OKLCH
- oklch(0.815 0.008 106.6)
- OKLab
- oklab(0.815 -0.002 0.008)
- CIE Lab
- lab(78.66 -0.81 3.02)
- LCH
- lch(78.66 3.13 105)
- CMYK
- cmyk(0% 0% 3% 24%)
Tints · Shades · Tones
Tints
- C9C9C3
- CFCFCA
- D5D5D0
- DBDBD7
- E1E1DE
- E7E7E4
- EDEDEB
- F3F3F2
- F9F9F8
Shades
- A9A9A4
- 90908C
- 787874
- 60605D
- 4A4A47
- 343433
- 20201F
- 0E0E0D
- 020202
Tones
- BCBCB7
- B5B5B0
- AEAEAA
- A8A8A4
- A1A19E
- 9A9A98
- 949492
- 8D8D8C
- 868686
Farbharmonien
Komplementär +180°
- C3C3BD
Grey Nickel
- C2C2C8
≈ Pico Metal
Analog -30° +30°
- C3C3BD
Grey Nickel
- C6C2BD
≈ Gallery Grey
- C0C4BF
≈ Silver Tipped Sage
Triadisch +120° +240°
- C3C3BD
Grey Nickel
- BDC4C7
≈ Metallic
- C7C1C4
≈ Such Melodrama
Geteilt komplementär +150° +210°
- C3C3BD
Grey Nickel
- BFC3C8
≈ Bottlefly Wings
- C5C1C6
≈ Such Melodrama
Tetradisch +90° +180° +270°
- C3C3BD
Grey Nickel
- BDC4C4
≈ Silver Whiskers
- C2C2C8
≈ Pico Metal
- C8C1C1
≈ White Flag
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.77:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.86:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--grey-nickel: #c3c3bd;
--grey-nickel-rgb: 195 195 189;
--grey-nickel-oklch: oklch(0.815 0.008 106.6);
}
.element {
color: var(--grey-nickel);
background-color: hsl(60 5% 75%);
border-color: oklch(0.815 0.008 106.6);
}Tailwind CSS v4
@theme {
--color-grey-nickel: #c3c3bd;
--color-grey-nickel-50: #f5f5f3;
--color-grey-nickel-100: #e8e8e5;
--color-grey-nickel-200: #d4d4d0;
--color-grey-nickel-300: #b7b8b3;
--color-grey-nickel-400: #9f9f99;
--color-grey-nickel-500: #878780;
--color-grey-nickel-600: #72726d;
--color-grey-nickel-700: #5b5b57;
--color-grey-nickel-800: #43423f;
--color-grey-nickel-900: #2e2e2c;
--color-grey-nickel-950: #1b1b19;
}SCSS
$grey-nickel: #c3c3bd;
$grey-nickel-rgb: 195, 195, 189;
$grey-nickel-light: mix(#fff, $grey-nickel, 20%);
$grey-nickel-dark: mix(#000, $grey-nickel, 20%);
.element {
color: $grey-nickel;
box-shadow: 0 0 0 2px rgba($grey-nickel, 0.35);
}