Nearest named color · #666EBA
#666EBA
Nearest named color: Loch Ness
#666EBA (rgb(102 110 186), hsl(234 38% 56%), oklch(0.566 0.117 277.4)) is closest to the named color Loch Ness. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#666EBA
oklch(0.566 0.117 277.4)
Color conversions
- HEX
- #666eba
- RGB
- rgb(102 110 186)
- HSL
- hsl(234 38% 56%)
- HWB
- hwb(234 40% 27%)
- OKLCH
- oklch(0.566 0.117 277.4)
- OKLab
- oklab(0.566 0.015 -0.116)
- CIE Lab
- lab(48.4 12.47 -41.72)
- LCH
- lch(48.4 43.54 286.6)
- CMYK
- cmyk(45% 41% 0% 27%)
Tints · Shades · Tones
Tints
- 747CC2
- 828AC9
- 9099D0
- 9FA7D7
- AFB5DE
- BEC4E5
- CED3EC
- DEE1F2
- EEF0F9
Shades
- 585FA1
- 4A5089
- 3C4172
- 2F335C
- 232646
- 171932
- 0C0E1E
- 04040D
- 000102
Tones
- 6870B5
- 6B72AF
- 6D75A9
- 7076A4
- 72789E
- 757A98
- 787C92
- 7A7D8C
- 7D7F86
Color harmonies
Complementary +180°
- 666EBA
Loch Ness
- 897600
≈ Soft Fig
Analogous -30° +30°
- 666EBA
Loch Ness
- 347BB7
≈ Haddock’s Sweater
- 8962AB
≈ Chive Blossom
Triadic +120° +240°
- 666EBA
Loch Ness
- AF5B41
≈ Glowing Firelight
- 288A5A
≈ Lake Green
Split-complementary +150° +210°
- 666EBA
Loch Ness
- A36716
≈ Syrah Soil
- 63832F
≈ Stamnankáthi Green
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.66:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.50:1 · APCA Lc 29
Best text color: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--loch-ness: #666eba;
--loch-ness-rgb: 102 110 186;
--loch-ness-oklch: oklch(0.566 0.117 277.4);
}
.element {
color: var(--loch-ness);
background-color: hsl(234 38% 56%);
border-color: oklch(0.566 0.117 277.4);
}Tailwind CSS v4
@theme {
--color-loch-ness: #666eba;
--color-loch-ness-50: #edf2ff;
--color-loch-ness-100: #dfe5ff;
--color-loch-ness-200: #c9d0ff;
--color-loch-ness-300: #abb1f3;
--color-loch-ness-400: #8d97e3;
--color-loch-ness-500: #747dd2;
--color-loch-ness-600: #626ab2;
--color-loch-ness-700: #4e558f;
--color-loch-ness-800: #373e6a;
--color-loch-ness-900: #262b4b;
--color-loch-ness-950: #141831;
}SCSS
$loch-ness: #666eba;
$loch-ness-rgb: 102, 110, 186;
$loch-ness-light: mix(#fff, $loch-ness, 20%);
$loch-ness-dark: mix(#000, $loch-ness, 20%);
.element {
color: $loch-ness;
box-shadow: 0 0 0 2px rgba($loch-ness, 0.35);
}