Colore con nome più vicino · #7484ED
#7484ED
Colore con nome più vicino: Orchid
#7484ED (rgb(116 132 237), hsl(232 77% 69%), oklch(0.649 0.157 274.7)) è più vicino al colore con nome Orchid. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#7484ED
oklch(0.649 0.157 274.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 8091F0
- 8D9DF3
- 9BAAF5
- A8B6F7
- B6C2F9
- C4CFFB
- D3DBFC
- E1E7FD
- F0F3FE
Ombre
- 6472CE
- 5460B0
- 454F93
- 373F77
- 292F5C
- 1B2042
- 0F122A
- 050614
- 010103
Toni
- 7584E2
- 7685D7
- 7785CD
- 7884C2
- 7984B7
- 7A84AC
- 7C83A1
- 7D8296
- 7F818B
Armonie di colore
Complementare +180°
- 7484ED
Orchid
- A98D00
≈ Bark Sawdust
Analogo -30° +30°
- 7484ED
Orchid
- 1696E7
≈ Pervenche
- A573DB
≈ Violet Voltage
Triadico +120° +240°
- 7484ED
Orchid
- DD6549
≈ Jelly Slug
- 16AA62
≈ Secret Garden
Complementare divisa +150° +210°
- 7484ED
Orchid
- CB7900
≈ German Mustard
- 7A9E15
≈ Luminescent Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.35:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.26:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.26:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
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);
}