Named color · #637FBB
Watertown
Watertown is #637FBB: rgb(99 127 187), hsl(221 39% 56%), oklch(0.6 0.098 264.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Watertown color name →
#637FBB
oklch(0.6 0.098 264.5)
Color conversions
- HEX
- #637fbb
- RGB
- rgb(99 127 187)
- HSL
- hsl(221 39% 56%)
- HWB
- hwb(221 39% 27%)
- OKLCH
- oklch(0.6 0.098 264.5)
- OKLab
- oklab(0.6 -0.009 -0.097)
- CIE Lab
- lab(52.95 2.29 -35.19)
- LCH
- lch(52.95 35.26 273.7)
- CMYK
- cmyk(47% 32% 0% 27%)
Tints · Shades · Tones
Tints
- 728CC2
- 8098C9
- 8FA5D0
- 9FB1D7
- AEBEDE
- BECBE5
- CED8EC
- DEE5F2
- EEF2F9
Shades
- 556EA2
- 475D8A
- 3A4C73
- 2E3C5C
- 212D46
- 161F32
- 0B111F
- 03060D
- 000102
Tones
- 667FB5
- 6980B0
- 6C80AA
- 6F80A4
- 72809E
- 758098
- 788092
- 7A808C
- 7D8086
Color harmonies
Complementary +180°
- 637FBB
Watertown
- 9B7B34
≈ Metallic Sunburst
Analogous -30° +30°
- 637FBB
Watertown
- 3C89B2
≈ Underwater Moonlight
- 8474B5
≈ Dahlia Purple
Triadic +120° +240°
- 637FBB
Watertown
- B36863
≈ Lasting Impression
- 5A905B
≈ Field Time Green
Split-complementary +150° +210°
- 637FBB
Watertown
- AD7045
≈ Pale Cordovan
- 7F873E
≈ Sea Turtle
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.97:1 · APCA Lc 67
Ag
AAOn black
WCAG 5.28:1 · APCA Lc 35
Best text color: #000000
WCAG 5.28:1 (AA) · APCA Lc 35
Contrast pairs
Code snippets
CSS
:root {
--watertown: #637fbb;
--watertown-rgb: 99 127 187;
--watertown-oklch: oklch(0.6 0.098 264.5);
}
.element {
color: var(--watertown);
background-color: hsl(221 39% 56%);
border-color: oklch(0.6 0.098 264.5);
}Tailwind CSS v4
@theme {
--color-watertown: #637fbb;
--color-watertown-50: #e8f5ff;
--color-watertown-100: #d9e8ff;
--color-watertown-200: #c1d4ff;
--color-watertown-300: #a0b7ea;
--color-watertown-400: #829ed9;
--color-watertown-500: #6684c7;
--color-watertown-600: #5670a8;
--color-watertown-700: #455a87;
--color-watertown-800: #304264;
--color-watertown-900: #202e46;
--color-watertown-950: #101a2e;
}SCSS
$watertown: #637fbb;
$watertown-rgb: 99, 127, 187;
$watertown-light: mix(#fff, $watertown, 20%);
$watertown-dark: mix(#000, $watertown, 20%);
.element {
color: $watertown;
box-shadow: 0 0 0 2px rgba($watertown, 0.35);
}