Benannte Farbe · #79C0CC
Meltwater
Meltwater ist #79C0CC: rgb(121 192 204), hsl(189 45% 64%), oklch(0.765 0.073 209.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Meltwater color name →
#79C0CC
oklch(0.765 0.073 209.3)
Farbumrechnungen
- HEX
- #79c0cc
- RGB
- rgb(121 192 204)
- HSL
- hsl(189 45% 64%)
- HWB
- hwb(189 47% 20%)
- OKLCH
- oklch(0.765 0.073 209.3)
- OKLab
- oklab(0.765 -0.064 -0.036)
- CIE Lab
- lab(73.35 -20.9 -13.48)
- LCH
- lch(73.35 24.87 212.8)
- CMYK
- cmyk(41% 6% 0% 20%)
Tints · Shades · Tones
Tints
- 87C6D1
- 95CDD6
- A3D3DB
- B0D9E0
- BEE0E5
- CBE6EB
- D8ECF0
- E5F2F5
- F2F9FA
Shades
- 68A7B1
- 588E97
- 48767E
- 395F65
- 2B494E
- 1D3437
- 102022
- 050E0F
- 010202
Tones
- 7BB9C4
- 7CB3BC
- 7EADB5
- 7FA6AD
- 7FA0A5
- 80999E
- 809396
- 808D8F
- 808687
Farbharmonien
Komplementär +180°
- 79C0CC
Meltwater
- DEA298
≈ Quiet Pink
Analog -30° +30°
- 79C0CC
Meltwater
- 7DC2B4
≈ Holiday
- 87BADD
≈ Goluboy Blue
Triadisch +120° +240°
- 79C0CC
Meltwater
- CEA2CA
≈ Geranium Bud
- C5B17D
≈ Ecru
Geteilt komplementär +150° +210°
- 79C0CC
Meltwater
- DAA0B1
≈ Faded Pink
- D6A884
≈ Desert Riverbed
Tetradisch +90° +180° +270°
- 79C0CC
Meltwater
- B9A9DB
≈ Purple Hibiscus
- DEA298
≈ Quiet Pink
- ADBA85
≈ Nile
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.05:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.22:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--meltwater: #79c0cc;
--meltwater-rgb: 121 192 204;
--meltwater-oklch: oklch(0.765 0.073 209.3);
}
.element {
color: var(--meltwater);
background-color: hsl(189 45% 64%);
border-color: oklch(0.765 0.073 209.3);
}Tailwind CSS v4
@theme {
--color-meltwater: #79c0cc;
--color-meltwater-50: #defbff;
--color-meltwater-100: #cdeff6;
--color-meltwater-200: #b1dde6;
--color-meltwater-300: #8cc2cd;
--color-meltwater-400: #68abb6;
--color-meltwater-500: #4394a0;
--color-meltwater-600: #3a7d88;
--color-meltwater-700: #2e646d;
--color-meltwater-800: #1f4a4f;
--color-meltwater-900: #153337;
--color-meltwater-950: #061f22;
}SCSS
$meltwater: #79c0cc;
$meltwater-rgb: 121, 192, 204;
$meltwater-light: mix(#fff, $meltwater, 20%);
$meltwater-dark: mix(#000, $meltwater, 20%);
.element {
color: $meltwater;
box-shadow: 0 0 0 2px rgba($meltwater, 0.35);
}