Colore con nome · #5868AE
Evening Lagoon
Evening Lagoon è #5868AE: rgb(88 104 174), hsl(229 35% 51%), oklch(0.537 0.111 272.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Evening Lagoon color name →
#5868AE
oklch(0.537 0.111 272.4)
Conversioni di colore
- HEX
- #5868ae
- RGB
- rgb(88 104 174)
- HSL
- hsl(229 35% 51%)
- HWB
- hwb(229 35% 32%)
- OKLCH
- oklch(0.537 0.111 272.4)
- OKLab
- oklab(0.537 0.005 -0.111)
- CIE Lab
- lab(45.17 9.05 -39.94)
- LCH
- lch(45.17 40.95 282.8)
- CMYK
- cmyk(49% 40% 0% 32%)
Tinte · Ombre · Toni
Tinte
- 6777B7
- 7685BF
- 8694C8
- 97A3D0
- A7B2D8
- B8C1E0
- C9D0E8
- DBE0F0
- EDEFF7
Ombre
- 4B5997
- 3F4B80
- 333E6A
- 283055
- 1D2441
- 12182E
- 090C1C
- 03040B
- 000001
Toni
- 5C6BAA
- 606EA6
- 6370A1
- 67739D
- 6B7598
- 6F7894
- 747A8F
- 787C8A
- 7C7E85
Armonie di colore
Complementare +180°
- 5868AE
Evening Lagoon
- 846B00
≈ Muddy Brown
Analogo -30° +30°
- 5868AE
Evening Lagoon
- 2474A8
≈ Larimar Blue
- 7A5CA3
≈ Genestealer Purple
Triadico +120° +240°
- 5868AE
Evening Lagoon
- A45343
≈ Baked Clay
- 30804D
≈ Bold Irish
Complementare divisa +150° +210°
- 5868AE
Evening Lagoon
- 9B5D1A
≈ Tortoiseshell Specs
- 627824
≈ Castelvetrano Olive
Tetradico +90° +180° +270°
- 5868AE
Evening Lagoon
- A14F68
≈ Raspberry Patch
- 846B00
≈ Muddy Brown
- 007F72
≈ Green Garlands
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.24:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.00:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--evening-lagoon: #5868ae;
--evening-lagoon-rgb: 88 104 174;
--evening-lagoon-oklch: oklch(0.537 0.111 272.4);
}
.element {
color: var(--evening-lagoon);
background-color: hsl(229 35% 51%);
border-color: oklch(0.537 0.111 272.4);
}Tailwind CSS v4
@theme {
--color-evening-lagoon: #5868ae;
--color-evening-lagoon-50: #ebf4ff;
--color-evening-lagoon-100: #dce6ff;
--color-evening-lagoon-200: #c5d1ff;
--color-evening-lagoon-300: #a6b3f1;
--color-evening-lagoon-400: #889ae0;
--color-evening-lagoon-500: #6d80d0;
--color-evening-lagoon-600: #5d6caf;
--color-evening-lagoon-700: #4a578d;
--color-evening-lagoon-800: #344069;
--color-evening-lagoon-900: #232c4a;
--color-evening-lagoon-950: #121930;
}SCSS
$evening-lagoon: #5868ae;
$evening-lagoon-rgb: 88, 104, 174;
$evening-lagoon-light: mix(#fff, $evening-lagoon, 20%);
$evening-lagoon-dark: mix(#000, $evening-lagoon, 20%);
.element {
color: $evening-lagoon;
box-shadow: 0 0 0 2px rgba($evening-lagoon, 0.35);
}