Benannte Farbe · #818EB1
Luxury
Luxury ist #818EB1: rgb(129 142 177), hsl(224 24% 60%), oklch(0.649 0.055 268.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Luxury color name →
#818EB1
oklch(0.649 0.055 268.9)
Farbumrechnungen
- HEX
- #818eb1
- RGB
- rgb(129 142 177)
- HSL
- hsl(224 24% 60%)
- HWB
- hwb(224 51% 31%)
- OKLCH
- oklch(0.649 0.055 268.9)
- OKLab
- oklab(0.649 -0.001 -0.055)
- CIE Lab
- lab(58.92 1.25 -20.13)
- LCH
- lch(58.92 20.17 273.5)
- CMYK
- cmyk(27% 20% 0% 31%)
Tints · Shades · Tones
Tints
- 8D99B9
- 99A4C1
- A5AFC8
- B2BAD0
- BEC5D8
- CBD1E0
- D8DCE8
- E5E8EF
- F2F3F7
Shades
- 6F7B99
- 5E6883
- 4E566C
- 3E4457
- 2E3442
- 1F242F
- 12151C
- 06070C
- 010101
Tones
- 818DAC
- 818BA7
- 818AA2
- 81899D
- 818799
- 808694
- 80848F
- 80838A
- 808185
Farbharmonien
Komplementär +180°
- 818EB1
Luxury
- 9C8E69
≈ Autumn Laurel
Analog -30° +30°
- 818EB1
Luxury
- 7094AD
≈ American Anthem
- 9388AC
≈ Larkspur Violet
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- 818EB1
Luxury
- A9876E
≈ Pottery Urn
- 8B946E
≈ Cider Pear Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.26:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.43:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.43:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--luxury: #818eb1;
--luxury-rgb: 129 142 177;
--luxury-oklch: oklch(0.649 0.055 268.9);
}
.element {
color: var(--luxury);
background-color: hsl(224 24% 60%);
border-color: oklch(0.649 0.055 268.9);
}Tailwind CSS v4
@theme {
--color-luxury: #818eb1;
--color-luxury-50: #eff5ff;
--color-luxury-100: #e1e7fb;
--color-luxury-200: #cbd4ec;
--color-luxury-300: #adb7d4;
--color-luxury-400: #919ec0;
--color-luxury-500: #7785ab;
--color-luxury-600: #657191;
--color-luxury-700: #515a74;
--color-luxury-800: #3a4256;
--color-luxury-900: #282e3c;
--color-luxury-950: #161a26;
}SCSS
$luxury: #818eb1;
$luxury-rgb: 129, 142, 177;
$luxury-light: mix(#fff, $luxury, 20%);
$luxury-dark: mix(#000, $luxury, 20%);
.element {
color: $luxury;
box-shadow: 0 0 0 2px rgba($luxury, 0.35);
}