Benannte Farbe · #3F545A
Casal
Casal ist #3F545A: rgb(63 84 90), hsl(193 18% 30%), oklch(0.431 0.028 217.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Casal color name →
#3F545A
oklch(0.431 0.028 217.2)
Farbumrechnungen
- HEX
- #3f545a
- RGB
- rgb(63 84 90)
- HSL
- hsl(193 18% 30%)
- HWB
- hwb(193 25% 65%)
- OKLCH
- oklch(0.431 0.028 217.2)
- OKLab
- oklab(0.431 -0.022 -0.017)
- CIE Lab
- lab(34.15 -7.15 -6.29)
- LCH
- lch(34.15 9.52 221.3)
- CMYK
- cmyk(30% 7% 0% 65%)
Tints · Shades · Tones
Tints
- 506469
- 627378
- 748488
- 879498
- 9AA5A9
- AEB7BA
- C1C8CA
- D6DADC
- EAEDED
Shades
- 35484D
- 2C3C41
- 233135
- 1B2629
- 121B1E
- 0A1113
- 040809
- 010203
- 000000
Tones
- 45585E
- 4C5D61
- 526165
- 596569
- 5F6A6D
- 666E71
- 6C7374
- 737778
- 797B7C
Farbharmonien
Komplementär +180°
- 3F545A
Casal
- 5E4B45
≈ Cafe Expreso
Analog -30° +30°
- 3F545A
Casal
- 3F5552
≈ Sycamore Tree
- 44525F
≈ Night Tide
Triadisch +120° +240°
- 3F545A
Casal
- 5A4A56
≈ Deep Merlot
- 54503F
≈ Forest Floor
Geteilt komplementär +150° +210°
- 3F545A
Casal
- 5E4A4D
≈ Raisin
- 5B4D40
≈ Rock
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.99:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.62:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--casal: #3f545a;
--casal-rgb: 63 84 90;
--casal-oklch: oklch(0.431 0.028 217.2);
}
.element {
color: var(--casal);
background-color: hsl(193 18% 30%);
border-color: oklch(0.431 0.028 217.2);
}Tailwind CSS v4
@theme {
--color-casal: #3f545a;
--color-casal-50: #edf7fb;
--color-casal-100: #deeaee;
--color-casal-200: #c8d7dc;
--color-casal-300: #a9bbc1;
--color-casal-400: #8da3a9;
--color-casal-500: #728b92;
--color-casal-600: #61767c;
--color-casal-700: #4d5e63;
--color-casal-800: #384548;
--color-casal-900: #263032;
--color-casal-950: #151c1e;
}SCSS
$casal: #3f545a;
$casal-rgb: 63, 84, 90;
$casal-light: mix(#fff, $casal, 20%);
$casal-dark: mix(#000, $casal, 20%);
.element {
color: $casal;
box-shadow: 0 0 0 2px rgba($casal, 0.35);
}