Benannte Farbe · #3C797D
Grand Canal
Grand Canal ist #3C797D: rgb(60 121 125), hsl(184 35% 36%), oklch(0.537 0.063 201.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Grand Canal color name →
#3C797D
oklch(0.537 0.063 201.1)
Farbumrechnungen
- HEX
- #3c797d
- RGB
- rgb(60 121 125)
- HSL
- hsl(184 35% 36%)
- HWB
- hwb(184 24% 51%)
- OKLCH
- oklch(0.537 0.063 201.1)
- OKLab
- oklab(0.537 -0.059 -0.023)
- CIE Lab
- lab(46.92 -19.71 -8.63)
- LCH
- lch(46.92 21.52 203.6)
- CMYK
- cmyk(52% 3% 0% 51%)
Tints · Shades · Tones
Tints
- 508689
- 649396
- 77A0A2
- 8AADAF
- 9DBABC
- B0C8C9
- C4D5D6
- D7E3E4
- EBF1F1
Shades
- 33686C
- 2A585B
- 21484B
- 19393B
- 112B2C
- 0A1D1E
- 041011
- 010505
- 000101
Tones
- 457A7D
- 4C7B7E
- 547B7E
- 5B7C7E
- 617D7F
- 687E7F
- 6E7E7F
- 747F7F
- 7A7F80
Farbharmonien
Komplementär +180°
- 3C797D
Grand Canal
- 8F5F5E
≈ Antique Garnet
Analog -30° +30°
- 3C797D
Grand Canal
- 457A69
≈ Leaping Lizard
- 45758C
≈ Night Train
Triadisch +120° +240°
- 3C797D
Grand Canal
- 7F6284
≈ Dusty Purple
- 816A42
≈ Cork Bark
Geteilt komplementär +150° +210°
- 3C797D
Grand Canal
- 8B5F72
≈ Grape Nectar
- 8C634C
≈ Gaboon Viper
Tetradisch +90° +180° +270°
- 3C797D
Grand Canal
- 6E6790
≈ Purple Grapes
- 8F5F5E
≈ Antique Garnet
- 6F7246
≈ Oakmoss
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.97:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.22:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--grand-canal: #3c797d;
--grand-canal-rgb: 60 121 125;
--grand-canal-oklch: oklch(0.537 0.063 201.1);
}
.element {
color: var(--grand-canal);
background-color: hsl(184 35% 36%);
border-color: oklch(0.537 0.063 201.1);
}Tailwind CSS v4
@theme {
--color-grand-canal: #3c797d;
--color-grand-canal-50: #e1fbfd;
--color-grand-canal-100: #d0eff1;
--color-grand-canal-200: #b6dde0;
--color-grand-canal-300: #92c1c6;
--color-grand-canal-400: #70aaae;
--color-grand-canal-500: #4e9397;
--color-grand-canal-600: #437c80;
--color-grand-canal-700: #366467;
--color-grand-canal-800: #26494b;
--color-grand-canal-900: #193334;
--color-grand-canal-950: #091e1f;
}SCSS
$grand-canal: #3c797d;
$grand-canal-rgb: 60, 121, 125;
$grand-canal-light: mix(#fff, $grand-canal, 20%);
$grand-canal-dark: mix(#000, $grand-canal, 20%);
.element {
color: $grand-canal;
box-shadow: 0 0 0 2px rgba($grand-canal, 0.35);
}