Benannte Farbe · #654EA3
Ultrapurple Merge
Ultrapurple Merge ist #654EA3: rgb(101 78 163), hsl(256 35% 47%), oklch(0.489 0.132 293.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Ultrapurple Merge color name →
#654EA3
oklch(0.489 0.132 293.4)
Farbumrechnungen
- HEX
- #654ea3
- RGB
- rgb(101 78 163)
- HSL
- hsl(256 35% 47%)
- HWB
- hwb(256 31% 36%)
- OKLCH
- oklch(0.489 0.132 293.4)
- OKLab
- oklab(0.489 0.052 -0.121)
- CIE Lab
- lab(38.86 25.38 -43.36)
- LCH
- lch(38.86 50.25 300.3)
- CMYK
- cmyk(38% 52% 0% 36%)
Tints · Shades · Tones
Tints
- 735FAD
- 8171B7
- 8F82C0
- 9E93CA
- AEA5D3
- BDB7DC
- CDC8E5
- DEDAEE
- EEEDF6
Shades
- 57438D
- 493878
- 3C2D63
- 2F234F
- 22193C
- 170F2A
- 0C0719
- 03020A
- 000001
Tones
- 6754A0
- 6A599D
- 6C5F9A
- 6F6497
- 716993
- 746E90
- 77728C
- 7A7788
- 7D7C84
Farbharmonien
Komplementär +180°
- 654EA3
Ultrapurple Merge
- 616600
≈ Mud Green
Analog -30° +30°
- 654EA3
Ultrapurple Merge
- 375CAA
≈ Blasphemous Blue
- 83428A
≈ Evil Curse
Triadisch +120° +240°
- 654EA3
Ultrapurple Merge
- 944800
≈ Brownie
- 00715B
≈ Tropical Rainforest
Geteilt komplementär +150° +210°
- 654EA3
Ultrapurple Merge
- 7B5A00
≈ Blackfire Earth
- 277228
≈ Clear Green
Tetradisch +90° +180° +270°
- 654EA3
Ultrapurple Merge
- 9D3B3B
≈ Mexican Red
- 616600
≈ Mud Green
- 006E75
≈ Teal Motif
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.62:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.17:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.62:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--ultrapurple-merge: #654ea3;
--ultrapurple-merge-rgb: 101 78 163;
--ultrapurple-merge-oklch: oklch(0.489 0.132 293.4);
}
.element {
color: var(--ultrapurple-merge);
background-color: hsl(256 35% 47%);
border-color: oklch(0.489 0.132 293.4);
}Tailwind CSS v4
@theme {
--color-ultrapurple-merge: #654ea3;
--color-ultrapurple-merge-50: #f7eeff;
--color-ultrapurple-merge-100: #ebe0ff;
--color-ultrapurple-merge-200: #d8c9ff;
--color-ultrapurple-merge-300: #bcaaf4;
--color-ultrapurple-merge-400: #a28ee5;
--color-ultrapurple-merge-500: #8b72d5;
--color-ultrapurple-merge-600: #7661b3;
--color-ultrapurple-merge-700: #5e4e90;
--color-ultrapurple-merge-800: #43396c;
--color-ultrapurple-merge-900: #2f274c;
--color-ultrapurple-merge-950: #1b1532;
}SCSS
$ultrapurple-merge: #654ea3;
$ultrapurple-merge-rgb: 101, 78, 163;
$ultrapurple-merge-light: mix(#fff, $ultrapurple-merge, 20%);
$ultrapurple-merge-dark: mix(#000, $ultrapurple-merge, 20%);
.element {
color: $ultrapurple-merge;
box-shadow: 0 0 0 2px rgba($ultrapurple-merge, 0.35);
}