Color con nombre más cercano · #7678C5
#7678C5
Color con nombre más cercano: Flood
#7678C5 (rgb(118 120 197), hsl(238 41% 62%), oklch(0.604 0.116 281.2)) se parece más al color con nombre Flood. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#7678C5
oklch(0.604 0.116 281.2)
Conversiones de color
- HEX
- #7678c5
- RGB
- rgb(118 120 197)
- HSL
- hsl(238 41% 62%)
- HWB
- hwb(238 46% 23%)
- OKLCH
- oklch(0.604 0.116 281.2)
- OKLab
- oklab(0.604 0.023 -0.114)
- CIE Lab
- lab(52.82 14 -40.97)
- LCH
- lch(52.82 43.3 288.9)
- CMYK
- cmyk(40% 39% 0% 23%)
Tintes · Sombras · Tonos
Tintes
- 8285CB
- 8F93D2
- 9CA0D8
- AAADDE
- B7BBE4
- C5C8E9
- D3D6EF
- E2E3F5
- F0F1FA
Sombras
- 6667AB
- 565792
- 474879
- 383961
- 292A4B
- 1C1D35
- 0F1021
- 05050E
- 010102
Tonos
- 7779BE
- 787AB8
- 787BB1
- 797CAA
- 7A7DA3
- 7B7E9C
- 7C7F95
- 7E7F8E
- 7F8087
Armonías de color
Complementario +180°
- 7678C5
Flood
- 91831E
≈ Jungle Palm
Análogo -30° +30°
- 7678C5
Flood
- 4885C4
≈ Casting Sea
- 986CB4
≈ Crown Jewels
Triádico +120° +240°
Complementario dividido +150° +210°
- 7678C5
Flood
- AC7424
≈ Hamtaro Brown
- 688F41
≈ Mary’s Garden
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.99:1 · APCA Lc 67
Ag
AASobre negro
WCAG 5.26:1 · APCA Lc 35
Mejor color de texto: #000000
WCAG 5.26:1 (AA) · APCA Lc 35
Contrast pairs
Fragmentos de código
CSS
:root {
--flood: #7678c5;
--flood-rgb: 118 120 197;
--flood-oklch: oklch(0.604 0.116 281.2);
}
.element {
color: var(--flood);
background-color: hsl(238 41% 62%);
border-color: oklch(0.604 0.116 281.2);
}Tailwind CSS v4
@theme {
--color-flood: #7678c5;
--color-flood-50: #f0f2ff;
--color-flood-100: #e2e4ff;
--color-flood-200: #cdcfff;
--color-flood-300: #afb0f1;
--color-flood-400: #9396e1;
--color-flood-500: #7a7bd1;
--color-flood-600: #6769b0;
--color-flood-700: #52548d;
--color-flood-800: #3a3d6a;
--color-flood-900: #282a4a;
--color-flood-950: #161731;
}SCSS
$flood: #7678c5;
$flood-rgb: 118, 120, 197;
$flood-light: mix(#fff, $flood, 20%);
$flood-dark: mix(#000, $flood, 20%);
.element {
color: $flood;
box-shadow: 0 0 0 2px rgba($flood, 0.35);
}