Nazwany kolor · #C8C8C0
Silver Marlin
Silver Marlin to #C8C8C0: rgb(200 200 192), hsl(60 7% 77%), oklch(0.831 0.011 106.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Silver Marlin color name →
#C8C8C0
oklch(0.831 0.011 106.6)
Konwersje koloru
- HEX
- #c8c8c0
- RGB
- rgb(200 200 192)
- HSL
- hsl(60 7% 77%)
- HWB
- hwb(60 75% 22%)
- OKLCH
- oklch(0.831 0.011 106.6)
- OKLab
- oklab(0.831 -0.003 0.011)
- CIE Lab
- lab(80.43 -1.07 4.01)
- LCH
- lch(80.43 4.15 104.9)
- CMYK
- cmyk(0% 0% 4% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CDCDC6
- D3D3CC
- D8D8D3
- DEDED9
- E3E3DF
- E9E9E5
- EEEEEC
- F4F4F2
- F9F9F9
Odcienie ciemniejsze
- AEAEA7
- 94948E
- 7B7B76
- 63635F
- 4C4C49
- 363634
- 212120
- 0F0F0E
- 020202
Tony
- C1C1B9
- B9B9B3
- B2B2AC
- AAABA6
- A3A39F
- 9C9C99
- 959593
- 8E8E8C
- 878786
Harmonie kolorów
Komplementarna +180°
- C8C8C0
Silver Marlin
- C7C6CE
≈ Hazy Mauve
Analogowa -30° +30°
- C8C8C0
Silver Marlin
- CCC7C0
≈ Vanilla Quake
- C4C9C2
≈ Antimony
Triada +120° +240°
- C8C8C0
Silver Marlin
- C0C9CD
≈ Bay of Hope
- CDC5C9
≈ Piano Grey Rose
Komplementarna rozszczepiona +150° +210°
- C8C8C0
Silver Marlin
- C3C8CF
≈ Herring Silver
- CAC5CC
≈ Hazy Mauve
Tetrada +90° +180° +270°
- C8C8C0
Silver Marlin
- C0CACA
≈ Ice Flow
- C7C6CE
≈ Hazy Mauve
- CEC5C5
≈ Alto
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.68:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.47:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.47:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--silver-marlin: #c8c8c0;
--silver-marlin-rgb: 200 200 192;
--silver-marlin-oklch: oklch(0.831 0.011 106.6);
}
.element {
color: var(--silver-marlin);
background-color: hsl(60 7% 77%);
border-color: oklch(0.831 0.011 106.6);
}Tailwind CSS v4
@theme {
--color-silver-marlin: #c8c8c0;
--color-silver-marlin-50: #f5f5f2;
--color-silver-marlin-100: #e8e8e4;
--color-silver-marlin-200: #d4d5cf;
--color-silver-marlin-300: #b8b8b2;
--color-silver-marlin-400: #9f9f98;
--color-silver-marlin-500: #87877f;
--color-silver-marlin-600: #72726b;
--color-silver-marlin-700: #5b5b56;
--color-silver-marlin-800: #43433e;
--color-silver-marlin-900: #2e2e2b;
--color-silver-marlin-950: #1b1b18;
}SCSS
$silver-marlin: #c8c8c0;
$silver-marlin-rgb: 200, 200, 192;
$silver-marlin-light: mix(#fff, $silver-marlin, 20%);
$silver-marlin-dark: mix(#000, $silver-marlin, 20%);
.element {
color: $silver-marlin;
box-shadow: 0 0 0 2px rgba($silver-marlin, 0.35);
}