Colore con nome · #6C849B
Lakeville
Lakeville è #6C849B: rgb(108 132 155), hsl(209 19% 52%), oklch(0.603 0.045 247.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Lakeville color name →
#6C849B
oklch(0.603 0.045 247.5)
Conversioni di colore
- HEX
- #6c849b
- RGB
- rgb(108 132 155)
- HSL
- hsl(209 19% 52%)
- HWB
- hwb(209 42% 39%)
- OKLCH
- oklch(0.603 0.045 247.5)
- OKLab
- oklab(0.603 -0.017 -0.041)
- CIE Lab
- lab(53.88 -4.68 -15.36)
- LCH
- lch(53.88 16.05 253)
- CMYK
- cmyk(30% 15% 0% 39%)
Tinte · Ombre · Toni
Tinte
- 7A90A5
- 889CAF
- 96A8B8
- A5B4C2
- B3C0CC
- C2CCD6
- D1D9E0
- E0E5EB
- F0F2F5
Ombre
- 5D7286
- 4E6072
- 404F5E
- 323F4B
- 252F39
- 192028
- 0D1218
- 040609
- 000101
Toni
- 6E8498
- 708396
- 728393
- 748390
- 76828E
- 78828B
- 7A8188
- 7C8186
- 7E8083
Armonie di colore
Complementare +180°
- 6C849B
Lakeville
- 947C65
≈ Portabello
Analogo -30° +30°
- 6C849B
Lakeville
- 638893
≈ Horizon
- 7A7F9C
≈ Blue Intrigue
Triadico +120° +240°
- 6C849B
Lakeville
- 9A767C
≈ Bohemian Jazz
- 7A866A
≈ Wreath
Complementare divisa +150° +210°
- 6C849B
Lakeville
- 9A786E
≈ Chocolate Delight
- 888263
≈ Green Scene
Tetradico +90° +180° +270°
- 6C849B
Lakeville
- 93778B
≈ Muted Berry
- 947C65
≈ Portabello
- 6B8A77
≈ Capsella
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.88:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.41:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.41:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--lakeville: #6c849b;
--lakeville-rgb: 108 132 155;
--lakeville-oklch: oklch(0.603 0.045 247.5);
}
.element {
color: var(--lakeville);
background-color: hsl(209 19% 52%);
border-color: oklch(0.603 0.045 247.5);
}Tailwind CSS v4
@theme {
--color-lakeville: #6c849b;
--color-lakeville-50: #ecf7ff;
--color-lakeville-100: #dde9f7;
--color-lakeville-200: #c6d6e7;
--color-lakeville-300: #a6bace;
--color-lakeville-400: #8aa1b8;
--color-lakeville-500: #6f89a3;
--color-lakeville-600: #5e748a;
--color-lakeville-700: #4b5d6e;
--color-lakeville-800: #364451;
--color-lakeville-900: #252f39;
--color-lakeville-950: #131c23;
}SCSS
$lakeville: #6c849b;
$lakeville-rgb: 108, 132, 155;
$lakeville-light: mix(#fff, $lakeville, 20%);
$lakeville-dark: mix(#000, $lakeville, 20%);
.element {
color: $lakeville;
box-shadow: 0 0 0 2px rgba($lakeville, 0.35);
}