Benannte Farbe · #3C768A
English River
English River ist #3C768A: rgb(60 118 138), hsl(195 39% 39%), oklch(0.535 0.068 222.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · English River color name →
#3C768A
oklch(0.535 0.068 222.9)
Farbumrechnungen
- HEX
- #3c768a
- RGB
- rgb(60 118 138)
- HSL
- hsl(195 39% 39%)
- HWB
- hwb(195 24% 46%)
- OKLCH
- oklch(0.535 0.068 222.9)
- OKLab
- oklab(0.535 -0.05 -0.046)
- CIE Lab
- lab(46.36 -15.16 -17.13)
- LCH
- lch(46.36 22.88 228.5)
- CMYK
- cmyk(57% 14% 0% 46%)
Tints · Shades · Tones
Tints
- 508395
- 6490A1
- 779EAC
- 8AABB8
- 9DB9C3
- B0C7CF
- C4D4DB
- D7E2E7
- EBF1F3
Shades
- 336677
- 2A5665
- 214753
- 193842
- 112932
- 0A1C22
- 040F14
- 010507
- 000101
Tones
- 447789
- 4C7888
- 547987
- 5A7A86
- 617B85
- 687C84
- 6E7D83
- 747E82
- 7A7F81
Farbharmonien
Komplementär +180°
- 3C768A
English River
- 8F604D
≈ Tamarind Tart
Analog -30° +30°
- 3C768A
English River
- 367A78
≈ Zirconia Teal
- 507094
≈ Riverside
Triadisch +120° +240°
- 3C768A
English River
- 895D78
≈ Argyle Purple
- 746F3F
≈ Trough Shell
Geteilt komplementär +150° +210°
- 3C768A
English River
- 905D62
≈ Spiced Potpourri
- 85673F
≈ Nom Nom
Tetradisch +90° +180° +270°
- 3C768A
English River
- 7B628A
≈ Super Violet
- 8F604D
≈ Tamarind Tart
- 5E764D
≈ Jolly Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.05:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.15:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.05:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--english-river: #3c768a;
--english-river-rgb: 60 118 138;
--english-river-oklch: oklch(0.535 0.068 222.9);
}
.element {
color: var(--english-river);
background-color: hsl(195 39% 39%);
border-color: oklch(0.535 0.068 222.9);
}Tailwind CSS v4
@theme {
--color-english-river: #3c768a;
--color-english-river-50: #e2faff;
--color-english-river-100: #d1edf9;
--color-english-river-200: #b6dbea;
--color-english-river-300: #92bfd2;
--color-english-river-400: #71a8bc;
--color-english-river-500: #4f90a7;
--color-english-river-600: #447a8d;
--color-english-river-700: #366271;
--color-english-river-800: #254853;
--color-english-river-900: #19323a;
--color-english-river-950: #091e24;
}SCSS
$english-river: #3c768a;
$english-river-rgb: 60, 118, 138;
$english-river-light: mix(#fff, $english-river, 20%);
$english-river-dark: mix(#000, $english-river, 20%);
.element {
color: $english-river;
box-shadow: 0 0 0 2px rgba($english-river, 0.35);
}