Colore con nome più vicino · #795DB2
#795DB2
Colore con nome più vicino: Simply Purple
#795DB2 (rgb(121 93 178), hsl(260 36% 53%), oklch(0.545 0.131 297.1)) è più vicino al colore con nome Simply Purple. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#795DB2
oklch(0.545 0.131 297.1)
Conversioni di colore
- HEX
- #795db2
- RGB
- rgb(121 93 178)
- HSL
- hsl(260 36% 53%)
- HWB
- hwb(260 36% 30%)
- OKLCH
- oklch(0.545 0.131 297.1)
- OKLab
- oklab(0.545 0.059 -0.116)
- CIE Lab
- lab(45.36 26.08 -41.74)
- LCH
- lch(45.36 49.22 302)
- CMYK
- cmyk(32% 48% 0% 30%)
Tinte · Ombre · Toni
Tinte
- 856DBA
- 927DC3
- 9E8DCB
- AC9DD3
- B9ADDA
- C7BDE2
- D4CDE9
- E2DEF1
- F1EEF8
Ombre
- 68509A
- 584383
- 48376D
- 392A57
- 2B1F43
- 1D142F
- 100A1D
- 05030C
- 010001
Toni
- 7961AD
- 7A65A9
- 7B69A4
- 7B6D9F
- 7C709A
- 7D7495
- 7D7790
- 7E7A8B
- 7F7D86
Armonie di colore
Complementare +180°
- 795DB2
Simply Purple
- 6C7900
≈ Murky Green
Analogo -30° +30°
- 795DB2
Simply Purple
- 4E6BBC
≈ Amparo Blue
- 975297
≈ Hyacinth Violet
Triadico +120° +240°
- 795DB2
Simply Purple
- A75803
≈ Windsor Brown
- 00836F
≈ Viridis
Complementare divisa +150° +210°
- 795DB2
Simply Purple
- 8C6B00
≈ Muddy Brown
- 308440
≈ Vine
Tetradico +90° +180° +270°
- 795DB2
Simply Purple
- AF4D45
≈ Lady in Red
- 6C7900
≈ Murky Green
- 007F8C
≈ Metallic Seaweed
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.22:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.02:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--simply-purple: #795db2;
--simply-purple-rgb: 121 93 178;
--simply-purple-oklch: oklch(0.545 0.131 297.1);
}
.element {
color: var(--simply-purple);
background-color: hsl(260 36% 53%);
border-color: oklch(0.545 0.131 297.1);
}Tailwind CSS v4
@theme {
--color-simply-purple: #795db2;
--color-simply-purple-50: #faeeff;
--color-simply-purple-100: #eddfff;
--color-simply-purple-200: #dcc8ff;
--color-simply-purple-300: #c0a9f1;
--color-simply-purple-400: #a78de2;
--color-simply-purple-500: #9071d1;
--color-simply-purple-600: #7a60b0;
--color-simply-purple-700: #624d8e;
--color-simply-purple-800: #46386a;
--color-simply-purple-900: #30264b;
--color-simply-purple-950: #1d1431;
}SCSS
$simply-purple: #795db2;
$simply-purple-rgb: 121, 93, 178;
$simply-purple-light: mix(#fff, $simply-purple, 20%);
$simply-purple-dark: mix(#000, $simply-purple, 20%);
.element {
color: $simply-purple;
box-shadow: 0 0 0 2px rgba($simply-purple, 0.35);
}