Benannte Farbe · #938EA9
Orchilla
Orchilla ist #938EA9: rgb(147 142 169), hsl(251 14% 61%), oklch(0.66 0.04 293.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Orchilla color name →
#938EA9
oklch(0.66 0.04 293.8)
Farbumrechnungen
- HEX
- #938ea9
- RGB
- rgb(147 142 169)
- HSL
- hsl(251 14% 61%)
- HWB
- hwb(251 56% 34%)
- OKLCH
- oklch(0.66 0.04 293.8)
- OKLab
- oklab(0.66 0.016 -0.037)
- CIE Lab
- lab(60.15 6.06 -13.59)
- LCH
- lch(60.15 14.88 294)
- CMYK
- cmyk(13% 16% 0% 34%)
Tints · Shades · Tones
Tints
- 9D99B1
- A8A4BA
- B2AFC2
- BDBACB
- C8C5D3
- D2D0DC
- DDDCE5
- E9E8ED
- F4F3F6
Shades
- 7F7B92
- 6C687C
- 595667
- 474453
- 36343F
- 25242C
- 16151B
- 08070A
- 010101
Tones
- 918DA5
- 8F8BA1
- 8D8A9D
- 8B8899
- 898794
- 878690
- 86848C
- 848388
- 828184
Farbharmonien
Komplementär +180°
- 938EA9
Orchilla
- 92957A
≈ Blanched Thyme
Analog -30° +30°
- 938EA9
Orchilla
- 8693AB
≈ Lilac Blue
- 9F8AA0
≈ Vesuvian Violet
Triadisch +120° +240°
- 938EA9
Orchilla
- A78C7C
≈ Chocolate Powder
- 799B90
≈ Avalon
Geteilt komplementär +150° +210°
- 938EA9
Orchilla
- 9E9177
≈ Whipcord
- 849983
≈ Green Clay
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.14:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.68:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--orchilla: #938ea9;
--orchilla-rgb: 147 142 169;
--orchilla-oklch: oklch(0.66 0.04 293.8);
}
.element {
color: var(--orchilla);
background-color: hsl(251 14% 61%);
border-color: oklch(0.66 0.04 293.8);
}Tailwind CSS v4
@theme {
--color-orchilla: #938ea9;
--color-orchilla-50: #f6f3ff;
--color-orchilla-100: #e9e5f4;
--color-orchilla-200: #d5d1e4;
--color-orchilla-300: #b9b4ca;
--color-orchilla-400: #9f9ab4;
--color-orchilla-500: #87819f;
--color-orchilla-600: #726e86;
--color-orchilla-700: #5b586b;
--color-orchilla-800: #42404f;
--color-orchilla-900: #2e2c37;
--color-orchilla-950: #1b1922;
}SCSS
$orchilla: #938ea9;
$orchilla-rgb: 147, 142, 169;
$orchilla-light: mix(#fff, $orchilla, 20%);
$orchilla-dark: mix(#000, $orchilla, 20%);
.element {
color: $orchilla;
box-shadow: 0 0 0 2px rgba($orchilla, 0.35);
}