Benannte Farbe · #6D2B50
Ebizome Purple
Ebizome Purple ist #6D2B50: rgb(109 43 80), hsl(326 43% 30%), oklch(0.395 0.104 348.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Ebizome Purple color name →
#6D2B50
oklch(0.395 0.104 348.2)
Farbumrechnungen
- HEX
- #6d2b50
- RGB
- rgb(109 43 80)
- HSL
- hsl(326 43% 30%)
- HWB
- hwb(326 17% 57%)
- OKLCH
- oklch(0.395 0.104 348.2)
- OKLab
- oklab(0.395 0.102 -0.021)
- CIE Lab
- lab(28.43 33.13 -7.68)
- LCH
- lch(28.43 34.01 347)
- CMYK
- cmyk(0% 61% 27% 57%)
Tints · Shades · Tones
Tints
- 7C3F60
- 8B5370
- 9A6881
- A97C92
- B791A3
- C6A6B5
- D4BCC7
- E2D2D9
- F1E8EC
Shades
- 5E2444
- 4F1D39
- 41162E
- 331024
- 260A1A
- 190510
- 0D0207
- 040102
- 010000
Tones
- 703455
- 733D59
- 75465E
- 774E63
- 795768
- 7B5F6C
- 7D6771
- 7E6F76
- 7F787B
Farbharmonien
Komplementär +180°
- 6D2B50
Ebizome Purple
- 00543E
≈ Sacramento State Green
Analog -30° +30°
- 6D2B50
Ebizome Purple
- 5D316A
≈ Imperial Purple
- 742A30
≈ Tamarillo
Triadisch +120° +240°
- 6D2B50
Ebizome Purple
- 4B4900
≈ No Emissions Green
- 004E67
≈ Work Blue
Geteilt komplementär +150° +210°
- 6D2B50
Ebizome Purple
- 265314
≈ Patch of Land
- 005154
≈ Wool Turquoise
Tetradisch +90° +180° +270°
- 6D2B50
Ebizome Purple
- 5E4000
≈ Hippogriff Brown
- 00543E
≈ Sacramento State Green
- 1F457D
≈ Theatre Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.94:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.11:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.94:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--ebizome-purple: #6d2b50;
--ebizome-purple-rgb: 109 43 80;
--ebizome-purple-oklch: oklch(0.395 0.104 348.2);
}
.element {
color: var(--ebizome-purple);
background-color: hsl(326 43% 30%);
border-color: oklch(0.395 0.104 348.2);
}Tailwind CSS v4
@theme {
--color-ebizome-purple: #6d2b50;
--color-ebizome-purple-50: #ffeaf9;
--color-ebizome-purple-100: #ffdaed;
--color-ebizome-purple-200: #f8c3da;
--color-ebizome-purple-300: #e1a2bf;
--color-ebizome-purple-400: #cc85a9;
--color-ebizome-purple-500: #b86892;
--color-ebizome-purple-600: #9c587c;
--color-ebizome-purple-700: #7d4663;
--color-ebizome-purple-800: #5c334a;
--color-ebizome-purple-900: #402333;
--color-ebizome-purple-950: #29111f;
}SCSS
$ebizome-purple: #6d2b50;
$ebizome-purple-rgb: 109, 43, 80;
$ebizome-purple-light: mix(#fff, $ebizome-purple, 20%);
$ebizome-purple-dark: mix(#000, $ebizome-purple, 20%);
.element {
color: $ebizome-purple;
box-shadow: 0 0 0 2px rgba($ebizome-purple, 0.35);
}