Benannte Farbe · #7983D7
Tanzine
Tanzine ist #7983D7: rgb(121 131 215), hsl(234 54% 66%), oklch(0.638 0.126 277.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Tanzine color name →
#7983D7
oklch(0.638 0.126 277.1)
Farbumrechnungen
- HEX
- #7983d7
- RGB
- rgb(121 131 215)
- HSL
- hsl(234 54% 66%)
- HWB
- hwb(234 47% 16%)
- OKLCH
- oklch(0.638 0.126 277.1)
- OKLab
- oklab(0.638 0.015 -0.125)
- CIE Lab
- lab(56.73 12.82 -44.97)
- LCH
- lch(56.73 46.76 285.9)
- CMYK
- cmyk(44% 39% 0% 16%)
Tints · Shades · Tones
Tints
- 858FDC
- 929CE0
- 9FA8E5
- ACB4E9
- B9C1ED
- C7CDF1
- D4DAF5
- E2E6F8
- F1F2FC
Shades
- 6871BB
- 58609F
- 484F85
- 393F6B
- 2B2F52
- 1D203B
- 101225
- 050611
- 010102
Tones
- 7983CE
- 7A83C6
- 7B83BD
- 7B83B5
- 7C83AC
- 7D82A3
- 7D829B
- 7E8192
- 7F8189
Farbharmonien
Komplementär +180°
- 7983D7
Tanzine
- A18B16
≈ Guava Green
Analog -30° +30°
- 7983D7
Tanzine
- 4391D4
≈ Magical Merlin
- A076C7
≈ Wisteria
Triadisch +120° +240°
- 7983D7
Tanzine
- CC6E52
≈ Sun Baked
- 3AA26C
≈ Greenish
Geteilt komplementär +150° +210°
- 7983D7
Tanzine
- BE7B27
≈ Autumn Fest
- 77993E
≈ Antique Moss
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.47:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.04:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 6.04:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--tanzine: #7983d7;
--tanzine-rgb: 121 131 215;
--tanzine-oklch: oklch(0.638 0.126 277.1);
}
.element {
color: var(--tanzine);
background-color: hsl(234 54% 66%);
border-color: oklch(0.638 0.126 277.1);
}Tailwind CSS v4
@theme {
--color-tanzine: #7983d7;
--color-tanzine-50: #edf2ff;
--color-tanzine-100: #dee4ff;
--color-tanzine-200: #c8cfff;
--color-tanzine-300: #a9b1f7;
--color-tanzine-400: #8c97e8;
--color-tanzine-500: #727cd8;
--color-tanzine-600: #6169b6;
--color-tanzine-700: #4d5492;
--color-tanzine-800: #363e6d;
--color-tanzine-900: #252a4d;
--color-tanzine-950: #141833;
}SCSS
$tanzine: #7983d7;
$tanzine-rgb: 121, 131, 215;
$tanzine-light: mix(#fff, $tanzine, 20%);
$tanzine-dark: mix(#000, $tanzine, 20%);
.element {
color: $tanzine;
box-shadow: 0 0 0 2px rgba($tanzine, 0.35);
}