Benannte Farbe · #673B66
Berry Light
Berry Light ist #673B66: rgb(103 59 102), hsl(301 27% 32%), oklch(0.422 0.088 327.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Berry Light color name →
#673B66
oklch(0.422 0.088 327.8)
Farbumrechnungen
- HEX
- #673b66
- RGB
- rgb(103 59 102)
- HSL
- hsl(301 27% 32%)
- HWB
- hwb(301 23% 60%)
- OKLCH
- oklch(0.422 0.088 327.8)
- OKLab
- oklab(0.422 0.074 -0.047)
- CIE Lab
- lab(31.71 25.27 -17.05)
- LCH
- lch(31.71 30.48 326)
- CMYK
- cmyk(0% 43% 1% 60%)
Tints · Shades · Tones
Tints
- 764D74
- 845F83
- 937292
- A285A1
- B199B0
- C1ACC0
- D0C1CF
- E0D5DF
- EFEAEF
Shades
- 593258
- 4B294A
- 3D213C
- 30192F
- 231123
- 170917
- 0C040C
- 040104
- 000000
Tones
- 6A4269
- 6D496B
- 6F506E
- 725771
- 755E73
- 776576
- 796B79
- 7C727B
- 7E797E
Farbharmonien
Komplementär +180°
- 673B66
Berry Light
- 275A31
≈ Pine
Analog -30° +30°
- 673B66
Berry Light
- 544277
≈ When Red Met Blue
- 73374E
≈ Venusian
Triadisch +120° +240°
- 673B66
Berry Light
- 614A00
≈ Mud Brown
- 005862
≈ Entrapment
Geteilt komplementär +150° +210°
- 673B66
Berry Light
- 4A5412
≈ Verdun Green
- 005B4D
≈ Forest Shadows
Tetradisch +90° +180° +270°
- 673B66
Berry Light
- 714014
≈ Sepia
- 275A31
≈ Pine
- 0C5478
≈ World Peace
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.77:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.39:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.77:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--berry-light: #673b66;
--berry-light-rgb: 103 59 102;
--berry-light-oklch: oklch(0.422 0.088 327.8);
}
.element {
color: var(--berry-light);
background-color: hsl(301 27% 32%);
border-color: oklch(0.422 0.088 327.8);
}Tailwind CSS v4
@theme {
--color-berry-light: #673b66;
--color-berry-light-50: #ffedff;
--color-berry-light-100: #fadef6;
--color-berry-light-200: #ebc7e7;
--color-berry-light-300: #d2a8cd;
--color-berry-light-400: #bb8cb9;
--color-berry-light-500: #a671a4;
--color-berry-light-600: #8c608a;
--color-berry-light-700: #704c6f;
--color-berry-light-800: #523753;
--color-berry-light-900: #39263a;
--color-berry-light-950: #231424;
}SCSS
$berry-light: #673b66;
$berry-light-rgb: 103, 59, 102;
$berry-light-light: mix(#fff, $berry-light, 20%);
$berry-light-dark: mix(#000, $berry-light, 20%);
.element {
color: $berry-light;
box-shadow: 0 0 0 2px rgba($berry-light, 0.35);
}