Benannte Farbe · #9D86AD
Celeb City
Celeb City ist #9D86AD: rgb(157 134 173), hsl(275 19% 60%), oklch(0.654 0.063 311.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Celeb City color name →
#9D86AD
oklch(0.654 0.063 311.2)
Farbumrechnungen
- HEX
- #9d86ad
- RGB
- rgb(157 134 173)
- HSL
- hsl(275 19% 60%)
- HWB
- hwb(275 53% 32%)
- OKLCH
- oklch(0.654 0.063 311.2)
- OKLab
- oklab(0.654 0.041 -0.047)
- CIE Lab
- lab(59.09 14.62 -17.33)
- LCH
- lch(59.09 22.67 310.2)
- CMYK
- cmyk(9% 23% 0% 32%)
Tints · Shades · Tones
Tints
- A692B5
- B09DBD
- BAA9C5
- C3B5CE
- CDC1D6
- D7CDDE
- E1DAE6
- EBE6EE
- F5F2F7
Shades
- 887496
- 73627F
- 5F516A
- 4C4055
- 3A3041
- 28212D
- 18131B
- 09060B
- 010101
Tones
- 9A85A9
- 9785A4
- 9484A0
- 91849B
- 8E8397
- 8C8392
- 89828E
- 868189
- 838185
Farbharmonien
Komplementär +180°
- 9D86AD
Celeb City
- 839971
≈ Cactus Valley
Analog -30° +30°
- 9D86AD
Celeb City
- 898CB6
≈ Soft Blue Lavender
- AC829C
≈ Capri Fashion Pink
Triadisch +120° +240°
- 9D86AD
Celeb City
- A98B66
≈ Old Leather
- 619D9A
≈ Canton
Geteilt komplementär +150° +210°
- 9D86AD
Celeb City
- 989265
≈ Tate Olive
- 6E9D84
≈ Peahen
Tetradisch +90° +180° +270°
- 9D86AD
Celeb City
- B28473
≈ Canyon Earth
- 839971
≈ Cactus Valley
- 649AAC
≈ Cloudy Sea
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.25:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.44:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.44:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--celeb-city: #9d86ad;
--celeb-city-rgb: 157 134 173;
--celeb-city-oklch: oklch(0.654 0.063 311.2);
}
.element {
color: var(--celeb-city);
background-color: hsl(275 19% 60%);
border-color: oklch(0.654 0.063 311.2);
}Tailwind CSS v4
@theme {
--color-celeb-city: #9d86ad;
--color-celeb-city-50: #fcf0ff;
--color-celeb-city-100: #efe2f7;
--color-celeb-city-200: #decde8;
--color-celeb-city-300: #c3afcf;
--color-celeb-city-400: #aa94ba;
--color-celeb-city-500: #947ba5;
--color-celeb-city-600: #7d688b;
--color-celeb-city-700: #645370;
--color-celeb-city-800: #493d53;
--color-celeb-city-900: #322a3a;
--color-celeb-city-950: #1e1724;
}SCSS
$celeb-city: #9d86ad;
$celeb-city-rgb: 157, 134, 173;
$celeb-city-light: mix(#fff, $celeb-city, 20%);
$celeb-city-dark: mix(#000, $celeb-city, 20%);
.element {
color: $celeb-city;
box-shadow: 0 0 0 2px rgba($celeb-city, 0.35);
}