Colore con nome più vicino · #6B0072
#6B0072
Colore con nome più vicino: Ultraberry
#6B0072 (rgb(107 0 114), hsl(296 100% 22%), oklch(0.375 0.175 325.1)) è più vicino al colore con nome Ultraberry. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#6B0072
oklch(0.375 0.175 325.1)
Conversioni di colore
- HEX
- #6b0072
- RGB
- rgb(107 0 114)
- HSL
- hsl(296 100% 22%)
- HWB
- hwb(296 0% 55%)
- OKLCH
- oklch(0.375 0.175 325.1)
- OKLab
- oklab(0.375 0.144 -0.1)
- CIE Lab
- lab(24.61 50.22 -35.8)
- LCH
- lch(24.61 61.67 324.5)
- CMYK
- cmyk(6% 100% 0% 55%)
Tinte · Ombre · Toni
Tinte
- 7B2880
- 8A428E
- 995A9C
- A871AB
- B788B9
- C59FC7
- D4B7D5
- E2CEE3
- F1E7F1
Ombre
- 5C0062
- 4E0053
- 3F0044
- 320036
- 250028
- 18001B
- 0D000E
- 040004
- 000001
Toni
- 6E1B74
- 712A76
- 743778
- 764379
- 794E7B
- 7B587C
- 7C627D
- 7E6C7E
- 7F767F
Armonie di colore
Complementare +180°
- 6B0072
Ultraberry
- 005011
≈ Malachite Green
Analogo -30° +30°
- 6B0072
Ultraberry
- 4C1C91
≈ Eggplant Tint
- 790045
≈ Dawn of the Fairies
Triadico +120° +240°
- 6B0072
Ultraberry
- 543D00
≈ Pineapple
- 004B51
≈ Sherpa Blue
Complementare divisa +150° +210°
- 6B0072
Ultraberry
- 404600
≈ Green Not Found
- 004D3F
≈ Urban Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.24:1 · APCA Lc 94
Ag
FailSu nero
WCAG 1.86:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 11.24:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--ultraberry: #6b0072;
--ultraberry-rgb: 107 0 114;
--ultraberry-oklch: oklch(0.375 0.175 325.1);
}
.element {
color: var(--ultraberry);
background-color: hsl(296 100% 22%);
border-color: oklch(0.375 0.175 325.1);
}Tailwind CSS v4
@theme {
--color-ultraberry: #6b0072;
--color-ultraberry-50: #ffe4ff;
--color-ultraberry-100: #ffd4ff;
--color-ultraberry-200: #fdbafb;
--color-ultraberry-300: #e796e6;
--color-ultraberry-400: #d176d6;
--color-ultraberry-500: #bd53c4;
--color-ultraberry-600: #a048a6;
--color-ultraberry-700: #803985;
--color-ultraberry-800: #5e2965;
--color-ultraberry-900: #421c47;
--color-ultraberry-950: #2a0b2e;
}SCSS
$ultraberry: #6b0072;
$ultraberry-rgb: 107, 0, 114;
$ultraberry-light: mix(#fff, $ultraberry, 20%);
$ultraberry-dark: mix(#000, $ultraberry, 20%);
.element {
color: $ultraberry;
box-shadow: 0 0 0 2px rgba($ultraberry, 0.35);
}