Benannte Farbe · #775859
Czarina
Czarina ist #775859: rgb(119 88 89), hsl(358 15% 41%), oklch(0.493 0.041 16.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Czarina color name →
#775859
oklch(0.493 0.041 16.5)
Farbumrechnungen
- HEX
- #775859
- RGB
- rgb(119 88 89)
- HSL
- hsl(358 15% 41%)
- HWB
- hwb(358 35% 53%)
- OKLCH
- oklch(0.493 0.041 16.5)
- OKLab
- oklab(0.493 0.039 0.012)
- CIE Lab
- lab(40.74 13.31 4.68)
- LCH
- lch(40.74 14.1 19.4)
- CMYK
- cmyk(0% 26% 25% 53%)
Tints · Shades · Tones
Tints
- 846768
- 917778
- 9F8787
- AC9798
- BAA8A8
- C7B9B9
- D5CACA
- E3DBDB
- F1EDED
Shades
- 674B4C
- 573F40
- 473334
- 382828
- 2A1D1D
- 1C1213
- 100909
- 050303
- 010000
Tones
- 785C5D
- 796061
- 7A6464
- 7B6868
- 7C6C6C
- 7D7070
- 7E7474
- 7F7878
- 7F7C7C
Farbharmonien
Komplementär +180°
- 775859
Czarina
- 456969
≈ Moat
Analog -30° +30°
- 775859
Czarina
- 735866
≈ Exotic Eggplant
- 765A4E
≈ Wooden Nutmeg
Triadisch +120° +240°
- 775859
Czarina
- 576750
≈ Deep Emerald
- 526279
≈ Evening Symphony
Geteilt komplementär +150° +210°
- 775859
Czarina
- 4B695C
≈ Smoke Pine
- 486673
≈ Azalea Leaf
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.31:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.32:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.31:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--czarina: #775859;
--czarina-rgb: 119 88 89;
--czarina-oklch: oklch(0.493 0.041 16.5);
}
.element {
color: var(--czarina);
background-color: hsl(358 15% 41%);
border-color: oklch(0.493 0.041 16.5);
}Tailwind CSS v4
@theme {
--color-czarina: #775859;
--color-czarina-50: #fff1f0;
--color-czarina-100: #f5e3e2;
--color-czarina-200: #e5cecd;
--color-czarina-300: #ccafaf;
--color-czarina-400: #b69596;
--color-czarina-500: #a07c7d;
--color-czarina-600: #87696a;
--color-czarina-700: #6c5454;
--color-czarina-800: #503d3e;
--color-czarina-900: #372a2b;
--color-czarina-950: #221718;
}SCSS
$czarina: #775859;
$czarina-rgb: 119, 88, 89;
$czarina-light: mix(#fff, $czarina, 20%);
$czarina-dark: mix(#000, $czarina, 20%);
.element {
color: $czarina;
box-shadow: 0 0 0 2px rgba($czarina, 0.35);
}