Colore con nome · #6E99D1
Sea Loch
Sea Loch è #6E99D1: rgb(110 153 209), hsl(214 52% 63%), oklch(0.674 0.096 255.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Sea Loch color name →
#6E99D1
oklch(0.674 0.096 255.4)
Conversioni di colore
- HEX
- #6e99d1
- RGB
- rgb(110 153 209)
- HSL
- hsl(214 52% 63%)
- HWB
- hwb(214 43% 18%)
- OKLCH
- oklch(0.674 0.096 255.4)
- OKLab
- oklab(0.674 -0.024 -0.093)
- CIE Lab
- lab(61.8 -3.5 -33.79)
- LCH
- lch(61.8 33.97 264.1)
- CMYK
- cmyk(47% 27% 0% 18%)
Tinte · Ombre · Toni
Tinte
- 7CA3D6
- 8AADDB
- 99B7E0
- A7C2E5
- B5CCE9
- C4D6EE
- D2E0F2
- E1EAF7
- F0F5FB
Ombre
- 5F84B5
- 50709B
- 415D81
- 334A68
- 263850
- 192739
- 0E1723
- 040810
- 010102
Toni
- 7097C9
- 7294C1
- 7492B9
- 7690B1
- 788DA9
- 7A8BA0
- 7C8898
- 7D8590
- 7F8388
Armonie di colore
Complementare +180°
- 6E99D1
Sea Loch
- B98E4F
≈ Harvest Blessing
Analogo -30° +30°
- 6E99D1
Sea Loch
- 4BA3C3
≈ Oasis Spring
- 918ECF
≈ Adora
Triadico +120° +240°
- 6E99D1
Sea Loch
- CB7E83
≈ Dirty Pink
- 7CA467
≈ Ready Lawn
Complementare divisa +150° +210°
- 6E99D1
Sea Loch
- C88364
≈ Cabana Melon
- 9F9A51
≈ Formosan Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.94:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.14:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.14:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--sea-loch: #6e99d1;
--sea-loch-rgb: 110 153 209;
--sea-loch-oklch: oklch(0.674 0.096 255.4);
}
.element {
color: var(--sea-loch);
background-color: hsl(214 52% 63%);
border-color: oklch(0.674 0.096 255.4);
}Tailwind CSS v4
@theme {
--color-sea-loch: #6e99d1;
--color-sea-loch-50: #e4f7ff;
--color-sea-loch-100: #d4eaff;
--color-sea-loch-200: #bbd6fe;
--color-sea-loch-300: #99bae9;
--color-sea-loch-400: #78a1d7;
--color-sea-loch-500: #5988c5;
--color-sea-loch-600: #4c73a6;
--color-sea-loch-700: #3d5c85;
--color-sea-loch-800: #2a4463;
--color-sea-loch-900: #1c2f45;
--color-sea-loch-950: #0c1b2d;
}SCSS
$sea-loch: #6e99d1;
$sea-loch-rgb: 110, 153, 209;
$sea-loch-light: mix(#fff, $sea-loch, 20%);
$sea-loch-dark: mix(#000, $sea-loch, 20%);
.element {
color: $sea-loch;
box-shadow: 0 0 0 2px rgba($sea-loch, 0.35);
}