Benannte Farbe · #9E8295
Berry Bliss
Berry Bliss ist #9E8295: rgb(158 130 149), hsl(319 13% 56%), oklch(0.639 0.043 338). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Berry Bliss color name →
#9E8295
oklch(0.639 0.043 338)
Farbumrechnungen
- HEX
- #9e8295
- RGB
- rgb(158 130 149)
- HSL
- hsl(319 13% 56%)
- HWB
- hwb(319 51% 38%)
- OKLCH
- oklch(0.639 0.043 338)
- OKLab
- oklab(0.639 0.04 -0.016)
- CIE Lab
- lab(57.49 13.55 -5.99)
- LCH
- lch(57.49 14.82 336.1)
- CMYK
- cmyk(0% 18% 6% 38%)
Tints · Shades · Tones
Tints
- A78E9F
- B19AA9
- BBA6B4
- C4B2BE
- CEBFC9
- D8CBD3
- E1D8DE
- EBE5E9
- F5F2F4
Shades
- 897081
- 745F6D
- 604E5A
- 4D3E48
- 3A2F37
- 292026
- 181216
- 090608
- 010101
Tones
- 9B8293
- 988291
- 95828F
- 92818D
- 8F818A
- 8C8188
- 898186
- 868084
- 838082
Farbharmonien
Komplementär +180°
- 9E8295
Berry Bliss
- 769482
≈ Fish Camp Woods
Analog -30° +30°
- 9E8295
Berry Bliss
- 9385A1
≈ Hatoba Pigeon
- A48187
≈ Tropical Orchid
Triadisch +120° +240°
- 9E8295
Berry Bliss
- 928C6E
≈ Urban Safari
- 6E939D
≈ Silk Khimar
Geteilt komplementär +150° +210°
- 9E8295
Berry Bliss
- 849175
≈ Battleship Green
- 6E9591
≈ Green Turquoise
Tetradisch +90° +180° +270°
- 9E8295
Berry Bliss
- 9E8770
≈ Amphora
- 769482
≈ Fish Camp Woods
- 778FA5
≈ Blue Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.45:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.08:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--berry-bliss: #9e8295;
--berry-bliss-rgb: 158 130 149;
--berry-bliss-oklch: oklch(0.639 0.043 338);
}
.element {
color: var(--berry-bliss);
background-color: hsl(319 13% 56%);
border-color: oklch(0.639 0.043 338);
}Tailwind CSS v4
@theme {
--color-berry-bliss: #9e8295;
--color-berry-bliss-50: #fef1f9;
--color-berry-bliss-100: #f3e3ec;
--color-berry-bliss-200: #e2cdda;
--color-berry-bliss-300: #c7afbe;
--color-berry-bliss-400: #b095a7;
--color-berry-bliss-500: #9a7b90;
--color-berry-bliss-600: #82697a;
--color-berry-bliss-700: #685462;
--color-berry-bliss-800: #4c3d48;
--color-berry-bliss-900: #352a32;
--color-berry-bliss-950: #20171e;
}SCSS
$berry-bliss: #9e8295;
$berry-bliss-rgb: 158, 130, 149;
$berry-bliss-light: mix(#fff, $berry-bliss, 20%);
$berry-bliss-dark: mix(#000, $berry-bliss, 20%);
.element {
color: $berry-bliss;
box-shadow: 0 0 0 2px rgba($berry-bliss, 0.35);
}