Benannte Farbe · #614A7B
Royal Robe
Royal Robe ist #614A7B: rgb(97 74 123), hsl(268 25% 39%), oklch(0.454 0.082 304.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Royal Robe color name →
#614A7B
oklch(0.454 0.082 304.9)
Farbumrechnungen
- HEX
- #614a7b
- RGB
- rgb(97 74 123)
- HSL
- hsl(268 25% 39%)
- HWB
- hwb(268 29% 52%)
- OKLCH
- oklch(0.454 0.082 304.9)
- OKLab
- oklab(0.454 0.047 -0.067)
- CIE Lab
- lab(35.54 18.01 -24.38)
- LCH
- lch(35.54 30.31 306.4)
- CMYK
- cmyk(21% 40% 0% 52%)
Tints · Shades · Tones
Tints
- 6F5B88
- 7E6C95
- 8D7DA2
- 9D8FAF
- ADA1BC
- BDB3C9
- CDC6D7
- DDD8E4
- EEECF1
Shades
- 533F6A
- 46355A
- 392A4A
- 2D203A
- 21172C
- 150E1E
- 0B0610
- 030205
- 000001
Tones
- 64507C
- 67557D
- 6A5A7D
- 6D607E
- 70657E
- 736B7F
- 77707F
- 7A7580
- 7D7B80
Farbharmonien
Komplementär +180°
- 614A7B
Royal Robe
- 4C5E28
≈ Obscure Olive
Analog -30° +30°
- 614A7B
Royal Robe
- 495284
≈ Blue Jewel
- 724469
≈ Old Fashioned Purple
Triadisch +120° +240°
- 614A7B
Royal Robe
- 754C1F
≈ Vintage Wood
- 00655C
≈ Arizona Stone
Geteilt komplementär +150° +210°
- 614A7B
Royal Robe
- 655517
≈ Olive Brown
- 2B6442
≈ Green Pea
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.57:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.77:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.57:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--royal-robe: #614a7b;
--royal-robe-rgb: 97 74 123;
--royal-robe-oklch: oklch(0.454 0.082 304.9);
}
.element {
color: var(--royal-robe);
background-color: hsl(268 25% 39%);
border-color: oklch(0.454 0.082 304.9);
}Tailwind CSS v4
@theme {
--color-royal-robe: #614a7b;
--color-royal-robe-50: #fbefff;
--color-royal-robe-100: #efe1fe;
--color-royal-robe-200: #ddccf0;
--color-royal-robe-300: #c2add9;
--color-royal-robe-400: #aa92c6;
--color-royal-robe-500: #9378b2;
--color-royal-robe-600: #7c6696;
--color-royal-robe-700: #635179;
--color-royal-robe-800: #483b5a;
--color-royal-robe-900: #32293f;
--color-royal-robe-950: #1e1628;
}SCSS
$royal-robe: #614a7b;
$royal-robe-rgb: 97, 74, 123;
$royal-robe-light: mix(#fff, $royal-robe, 20%);
$royal-robe-dark: mix(#000, $royal-robe, 20%);
.element {
color: $royal-robe;
box-shadow: 0 0 0 2px rgba($royal-robe, 0.35);
}