Warna bernama · #C6C1C5
Such Melodrama
Such Melodrama adalah #C6C1C5: rgb(198 193 197), hsl(312 4% 77%), oklch(0.816 0.008 332.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Such Melodrama color name →
#C6C1C5
oklch(0.816 0.008 332.1)
Konversi warna
- HEX
- #c6c1c5
- RGB
- rgb(198 193 197)
- HSL
- hsl(312 4% 77%)
- HWB
- hwb(312 76% 22%)
- OKLCH
- oklch(0.816 0.008 332.1)
- OKLab
- oklab(0.816 0.007 -0.004)
- CIE Lab
- lab(78.57 2.35 -1.36)
- LCH
- lch(78.57 2.72 329.9)
- CMYK
- cmyk(0% 3% 1% 22%)
Tint · Shade · Tone
Tint
- CCC7CB
- D1CDD0
- D7D3D6
- DCD9DC
- E2E0E2
- E8E6E7
- EEECED
- F3F2F3
- F9F9F9
Shade
- ACA7AB
- 928F92
- 7A7779
- 625F61
- 4B494B
- 353435
- 212021
- 0E0E0E
- 020202
Tone
- BFBABE
- B8B4B7
- B0ADB0
- A9A6A9
- A2A0A2
- 9B999B
- 949394
- 8E8D8D
- 878687
Harmoni warna
Komplementer +180°
- C6C1C5
Such Melodrama
- BFC4C0
≈ Silver Tipped Sage
Analog -30° +30°
- C6C1C5
Such Melodrama
- C4C2C7
≈ Sparkling Metal
- C8C1C2
≈ White Flag
Triadik +120° +240°
- C6C1C5
Such Melodrama
- C4C3BD
≈ Grey Nickel
- BDC4C6
≈ Metallic
Split-komplementer +150° +210°
- C6C1C5
Such Melodrama
- C2C4BE
≈ Grey Nickel
- BEC5C3
≈ Silver Whiskers
Tetradik +90° +180° +270°
- C6C1C5
Such Melodrama
- C7C2BE
≈ Dim
- BFC4C0
≈ Silver Tipped Sage
- BFC4C8
≈ Bottlefly Wings
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.77:1 · APCA Lc 33
Ag
AAADi atas hitam
WCAG 11.83:1 · APCA Lc 70
Warna teks terbaik: #000000
WCAG 11.83:1 (AAA) · APCA Lc 70
Contrast pairs
Cuplikan kode
CSS
:root {
--such-melodrama: #c6c1c5;
--such-melodrama-rgb: 198 193 197;
--such-melodrama-oklch: oklch(0.816 0.008 332.1);
}
.element {
color: var(--such-melodrama);
background-color: hsl(312 4% 77%);
border-color: oklch(0.816 0.008 332.1);
}Tailwind CSS v4
@theme {
--color-such-melodrama: #c6c1c5;
--color-such-melodrama-50: #f6f4f6;
--color-such-melodrama-100: #e9e7e9;
--color-such-melodrama-200: #d6d3d5;
--color-such-melodrama-300: #bab6b9;
--color-such-melodrama-400: #a19da0;
--color-such-melodrama-500: #898488;
--color-such-melodrama-600: #747073;
--color-such-melodrama-700: #5d5a5c;
--color-such-melodrama-800: #444144;
--color-such-melodrama-900: #2f2d2f;
--color-such-melodrama-950: #1b1a1b;
}SCSS
$such-melodrama: #c6c1c5;
$such-melodrama-rgb: 198, 193, 197;
$such-melodrama-light: mix(#fff, $such-melodrama, 20%);
$such-melodrama-dark: mix(#000, $such-melodrama, 20%);
.element {
color: $such-melodrama;
box-shadow: 0 0 0 2px rgba($such-melodrama, 0.35);
}