Color con nombre más cercano · #7484ED
#7484ED
Color con nombre más cercano: Orchid
#7484ED (rgb(116 132 237), hsl(232 77% 69%), oklch(0.649 0.157 274.7)) se parece más al color con nombre Orchid. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#7484ED
oklch(0.649 0.157 274.7)
Conversiones de color
- HEX
- #7484ed
- RGB
- rgb(116 132 237)
- HSL
- hsl(232 77% 69%)
- HWB
- hwb(232 45% 7%)
- OKLCH
- oklch(0.649 0.157 274.7)
- OKLab
- oklab(0.649 0.013 -0.156)
- CIE Lab
- lab(57.62 16.2 -55.83)
- LCH
- lch(57.62 58.13 286.2)
- CMYK
- cmyk(51% 44% 0% 7%)
Tintes · Sombras · Tonos
Tintes
- 8091F0
- 8D9DF3
- 9BAAF5
- A8B6F7
- B6C2F9
- C4CFFB
- D3DBFC
- E1E7FD
- F0F3FE
Sombras
- 6472CE
- 5460B0
- 454F93
- 373F77
- 292F5C
- 1B2042
- 0F122A
- 050614
- 010103
Tonos
- 7584E2
- 7685D7
- 7785CD
- 7884C2
- 7984B7
- 7A84AC
- 7C83A1
- 7D8296
- 7F818B
Armonías de color
Complementario +180°
- 7484ED
Orchid
- A98D00
≈ Bark Sawdust
Análogo -30° +30°
- 7484ED
Orchid
- 1696E7
≈ Pervenche
- A573DB
≈ Violet Voltage
Triádico +120° +240°
- 7484ED
Orchid
- DD6549
≈ Jelly Slug
- 16AA62
≈ Secret Garden
Complementario dividido +150° +210°
- 7484ED
Orchid
- CB7900
≈ German Mustard
- 7A9E15
≈ Luminescent Green
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.35:1 · APCA Lc 61
Ag
AASobre negro
WCAG 6.26:1 · APCA Lc 41
Mejor color de texto: #000000
WCAG 6.26:1 (AA) · APCA Lc 41
Contrast pairs
Fragmentos de código
CSS
:root {
--orchid: #7484ed;
--orchid-rgb: 116 132 237;
--orchid-oklch: oklch(0.649 0.157 274.7);
}
.element {
color: var(--orchid);
background-color: hsl(232 77% 69%);
border-color: oklch(0.649 0.157 274.7);
}Tailwind CSS v4
@theme {
--color-orchid: #7484ed;
--color-orchid-50: #e9f2ff;
--color-orchid-100: #dae4ff;
--color-orchid-200: #c2cfff;
--color-orchid-300: #a3b0ff;
--color-orchid-400: #8495fa;
--color-orchid-500: #6a79ec;
--color-orchid-600: #5966c7;
--color-orchid-700: #4752a0;
--color-orchid-800: #313c78;
--color-orchid-900: #212955;
--color-orchid-950: #111739;
}SCSS
$orchid: #7484ed;
$orchid-rgb: 116, 132, 237;
$orchid-light: mix(#fff, $orchid, 20%);
$orchid-dark: mix(#000, $orchid, 20%);
.element {
color: $orchid;
box-shadow: 0 0 0 2px rgba($orchid, 0.35);
}