Benannte Farbe · #A9AABD
Cream Violet
Cream Violet ist #A9AABD: rgb(169 170 189), hsl(237 13% 70%), oklch(0.743 0.027 283.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cream Violet color name →
#A9AABD
oklch(0.743 0.027 283.3)
Farbumrechnungen
- HEX
- #a9aabd
- RGB
- rgb(169 170 189)
- HSL
- hsl(237 13% 70%)
- HWB
- hwb(237 66% 26%)
- OKLCH
- oklch(0.743 0.027 283.3)
- OKLab
- oklab(0.743 0.006 -0.026)
- CIE Lab
- lab(69.99 2.47 -9.89)
- LCH
- lch(69.99 10.2 284)
- CMYK
- cmyk(11% 10% 0% 26%)
Tints · Shades · Tones
Tints
- B1B2C3
- BABBCA
- C2C3D1
- CBCBD7
- D3D4DE
- DCDCE4
- E4E5EB
- EDEEF2
- F6F6F8
Shades
- 9293A4
- 7C7D8C
- 676874
- 53535D
- 3F3F47
- 2C2D33
- 1B1B1F
- 0A0B0D
- 010102
Tones
- A5A6B7
- A1A1B1
- 9C9DAA
- 9899A4
- 94959E
- 909198
- 8C8C92
- 88888C
- 848486
Farbharmonien
Komplementär +180°
- A9AABD
Cream Violet
- AEAD9A
≈ Ara Glen
Analog -30° +30°
- A9AABD
Cream Violet
- A0ADBD
≈ Petrel Blue Grey
- B2A7B8
≈ Amorphous Rose
Triadisch +120° +240°
- A9AABD
Cream Violet
- BCA79E
≈ Heavenly Cocoa
- 9DB2A7
≈ Silver Drop
Geteilt komplementär +150° +210°
- A9AABD
Cream Violet
- B7AA99
≈ Flax Fibre Grey
- A5B09F
≈ Tranquil Green
Tetradisch +90° +180° +270°
- A9AABD
Cream Violet
- BCA5A7
≈ Tourmaline Mauve
- AEAD9A
≈ Ara Glen
- 99B2B1
≈ Smooth-Hound Shark
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.28:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.17:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--cream-violet: #a9aabd;
--cream-violet-rgb: 169 170 189;
--cream-violet-oklch: oklch(0.743 0.027 283.3);
}
.element {
color: var(--cream-violet);
background-color: hsl(237 13% 70%);
border-color: oklch(0.743 0.027 283.3);
}Tailwind CSS v4
@theme {
--color-cream-violet: #a9aabd;
--color-cream-violet-50: #f4f4fd;
--color-cream-violet-100: #e7e7f1;
--color-cream-violet-200: #d3d3e0;
--color-cream-violet-300: #b6b6c5;
--color-cream-violet-400: #9c9dae;
--color-cream-violet-500: #838498;
--color-cream-violet-600: #6f7081;
--color-cream-violet-700: #595967;
--color-cream-violet-800: #40414c;
--color-cream-violet-900: #2c2d35;
--color-cream-violet-950: #1a1a20;
}SCSS
$cream-violet: #a9aabd;
$cream-violet-rgb: 169, 170, 189;
$cream-violet-light: mix(#fff, $cream-violet, 20%);
$cream-violet-dark: mix(#000, $cream-violet, 20%);
.element {
color: $cream-violet;
box-shadow: 0 0 0 2px rgba($cream-violet, 0.35);
}