Benannte Farbe · #40465D
Bella Sera
Bella Sera ist #40465D: rgb(64 70 93), hsl(228 18% 31%), oklch(0.398 0.04 273.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Bella Sera color name →
#40465D
oklch(0.398 0.04 273.1)
Farbumrechnungen
- HEX
- #40465d
- RGB
- rgb(64 70 93)
- HSL
- hsl(228 18% 31%)
- HWB
- hwb(228 25% 64%)
- OKLCH
- oklch(0.398 0.04 273.1)
- OKLab
- oklab(0.398 0.002 -0.04)
- CIE Lab
- lab(29.9 2.04 -14.56)
- LCH
- lch(29.9 14.7 278)
- CMYK
- cmyk(31% 25% 0% 64%)
Tints · Shades · Tones
Tints
- 51576C
- 62687B
- 74798B
- 878B9B
- 9A9EAB
- ADB0BB
- C1C4CC
- D5D7DD
- EAEBEE
Shades
- 363C50
- 2D3243
- 242837
- 1B1E2A
- 13151F
- 0B0D14
- 05050A
- 010203
- 000000
Tones
- 464C61
- 4C5164
- 525768
- 595D6B
- 5F626F
- 656872
- 6C6E76
- 737479
- 797A7D
Farbharmonien
Komplementär +180°
- 40465D
Bella Sera
- 4E472E
≈ Tinny Tin
Analog -30° +30°
- 40465D
Bella Sera
- 344A5B
≈ Dilly Blue
- 4B4259
≈ Royal Treatment
Triadisch +120° +240°
- 40465D
Bella Sera
- 5B4039
≈ Shaved Chocolate
- 374E3D
≈ Mountain View
Geteilt komplementär +150° +210°
- 40465D
Bella Sera
- 574331
≈ Old Treasure Chest
- 434B33
≈ Matsuba Green
Tetradisch +90° +180° +270°
- 40465D
Bella Sera
- 5A3E45
≈ Hibiscus Punch
- 4E472E
≈ Tinny Tin
- 2E4E49
≈ Similar to Slate
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.32:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.25:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.32:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--bella-sera: #40465d;
--bella-sera-rgb: 64 70 93;
--bella-sera-oklch: oklch(0.398 0.04 273.1);
}
.element {
color: var(--bella-sera);
background-color: hsl(228 18% 31%);
border-color: oklch(0.398 0.04 273.1);
}Tailwind CSS v4
@theme {
--color-bella-sera: #40465d;
--color-bella-sera-50: #f1f5ff;
--color-bella-sera-100: #e4e7f6;
--color-bella-sera-200: #cfd3e6;
--color-bella-sera-300: #b1b6cc;
--color-bella-sera-400: #969db7;
--color-bella-sera-500: #7d85a1;
--color-bella-sera-600: #6a7088;
--color-bella-sera-700: #555a6d;
--color-bella-sera-800: #3d4250;
--color-bella-sera-900: #2a2d38;
--color-bella-sera-950: #181a23;
}SCSS
$bella-sera: #40465d;
$bella-sera-rgb: 64, 70, 93;
$bella-sera-light: mix(#fff, $bella-sera, 20%);
$bella-sera-dark: mix(#000, $bella-sera, 20%);
.element {
color: $bella-sera;
box-shadow: 0 0 0 2px rgba($bella-sera, 0.35);
}