Najbliższy nazwany kolor · #C6D6C8
#C6D6C8
Najbliższy nazwany kolor: Marsh Fog
#C6D6C8 (rgb(198 214 200), hsl(127 16% 81%), oklch(0.86 0.026 149)) jest najbliższy nazwanemu kolorowi Marsh Fog. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C6D6C8
oklch(0.86 0.026 149)
Konwersje koloru
- HEX
- #c6d6c8
- RGB
- rgb(198 214 200)
- HSL
- hsl(127 16% 81%)
- HWB
- hwb(127 78% 16%)
- OKLCH
- oklch(0.86 0.026 149)
- OKLab
- oklab(0.86 -0.022 0.013)
- CIE Lab
- lab(84.11 -7.53 4.99)
- LCH
- lch(84.11 9.04 146.5)
- CMYK
- cmyk(7% 0% 7% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCDACD
- D1DED3
- D7E2D8
- DDE6DE
- E2EAE3
- E8EEE9
- EEF3EE
- F3F7F4
- F9FBF9
Odcienie ciemniejsze
- ACBAAE
- 929E94
- 7A847B
- 626A63
- 4B524C
- 353B36
- 212521
- 0E100F
- 020202
Tony
- BFCDC1
- B8C4B9
- B0BBB2
- A9B3AB
- A2AAA3
- 9BA19C
- 949995
- 8E918E
- 878887
Harmonie kolorów
Komplementarna +180°
- C6D6C8
Marsh Fog
- DBCBD9
≈ Creamy Mauve
Analogowa -30° +30°
- C6D6C8
Marsh Fog
- CFD4C1
≈ Glowing Green
- C0D7D1
≈ Aquatic Edge
Triada +120° +240°
- C6D6C8
Marsh Fog
- CAD1E3
≈ Sweet Emily
- E1CBC7
≈ Satin Teddy
Komplementarna rozszczepiona +150° +210°
- C6D6C8
Marsh Fog
- D3CEE0
≈ Potentially Purple
- E0CAD0
≈ Sweet and Sassy
Tetrada +90° +180° +270°
- C6D6C8
Marsh Fog
- C2D4E0
≈ Velvet Sky
- DBCBD9
≈ Creamy Mauve
- DECDC1
≈ Cocoa Parfait
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.51:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.85:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--marsh-fog: #c6d6c8;
--marsh-fog-rgb: 198 214 200;
--marsh-fog-oklch: oklch(0.86 0.026 149);
}
.element {
color: var(--marsh-fog);
background-color: hsl(127 16% 81%);
border-color: oklch(0.86 0.026 149);
}Tailwind CSS v4
@theme {
--color-marsh-fog: #c6d6c8;
--color-marsh-fog-50: #f0f7f1;
--color-marsh-fog-100: #e2eae4;
--color-marsh-fog-200: #cdd8cf;
--color-marsh-fog-300: #aebbb1;
--color-marsh-fog-400: #94a396;
--color-marsh-fog-500: #7b8b7d;
--color-marsh-fog-600: #68766a;
--color-marsh-fog-700: #535e55;
--color-marsh-fog-800: #3d453d;
--color-marsh-fog-900: #2a302a;
--color-marsh-fog-950: #171c18;
}SCSS
$marsh-fog: #c6d6c8;
$marsh-fog-rgb: 198, 214, 200;
$marsh-fog-light: mix(#fff, $marsh-fog, 20%);
$marsh-fog-dark: mix(#000, $marsh-fog, 20%);
.element {
color: $marsh-fog;
box-shadow: 0 0 0 2px rgba($marsh-fog, 0.35);
}