Nazwany kolor · #A669DB
Violet Voltage
Violet Voltage to #A669DB: rgb(166 105 219), hsl(272 61% 64%), oklch(0.635 0.173 306.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Violet Voltage color name →
#A669DB
oklch(0.635 0.173 306.8)
Konwersje koloru
- HEX
- #a669db
- RGB
- rgb(166 105 219)
- HSL
- hsl(272 61% 64%)
- HWB
- hwb(272 41% 14%)
- OKLCH
- oklch(0.635 0.173 306.8)
- OKLab
- oklab(0.635 0.104 -0.138)
- CIE Lab
- lab(54.97 40.98 -49.64)
- LCH
- lch(54.97 64.36 309.5)
- CMYK
- cmyk(24% 52% 0% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AF79E0
- B788E4
- C097E8
- C9A6EC
- D2B5F0
- DBC4F3
- E4D3F6
- EDE1FA
- F6F0FC
Odcienie ciemniejsze
- 905ABE
- 7A4CA2
- 653E87
- 51316D
- 3E2454
- 2B183C
- 1A0C26
- 0A0411
- 010002
Tony
- A26DD2
- 9E70C9
- 9A73C0
- 9775B7
- 9377AE
- 8F7AA5
- 8B7B9C
- 887D93
- 847F8A
Harmonie kolorów
Komplementarna +180°
- A669DB
Violet Voltage
- 709B00
≈ Green Thumb
Analogowa -30° +30°
- A669DB
Violet Voltage
- 727CF1
≈ Hera Blue
- C95AB0
≈ Pú Táo Zǐ Purple
Triada +120° +240°
- A669DB
Violet Voltage
- C27700
≈ Dirty Orange
- 00A096
≈ Spectra Green
Komplementarna rozszczepiona +150° +210°
- A669DB
Violet Voltage
- A18A00
≈ Guava Green
- 00A564
≈ Alhambra Green
Tetrada +90° +180° +270°
- A669DB
Violet Voltage
- DE5B35
≈ Volcanic Blast
- 709B00
≈ Green Thumb
- 009BB7
≈ Brilliant Sea
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.70:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.66:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.66:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--violet-voltage: #a669db;
--violet-voltage-rgb: 166 105 219;
--violet-voltage-oklch: oklch(0.635 0.173 306.8);
}
.element {
color: var(--violet-voltage);
background-color: hsl(272 61% 64%);
border-color: oklch(0.635 0.173 306.8);
}Tailwind CSS v4
@theme {
--color-violet-voltage: #a669db;
--color-violet-voltage-50: #ffe8ff;
--color-violet-voltage-100: #f9d9ff;
--color-violet-voltage-200: #eac0ff;
--color-violet-voltage-300: #d19efa;
--color-violet-voltage-400: #b980ed;
--color-violet-voltage-500: #a45fde;
--color-violet-voltage-600: #8b51bb;
--color-violet-voltage-700: #6f4196;
--color-violet-voltage-800: #502f71;
--color-violet-voltage-900: #382050;
--color-violet-voltage-950: #230f35;
}SCSS
$violet-voltage: #a669db;
$violet-voltage-rgb: 166, 105, 219;
$violet-voltage-light: mix(#fff, $violet-voltage, 20%);
$violet-voltage-dark: mix(#000, $violet-voltage, 20%);
.element {
color: $violet-voltage;
box-shadow: 0 0 0 2px rgba($violet-voltage, 0.35);
}