Benannte Farbe · #26428B
Blue Oblivion
Blue Oblivion ist #26428B: rgb(38 66 139), hsl(223 57% 35%), oklch(0.401 0.126 265.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blue Oblivion color name →
#26428B
oklch(0.401 0.126 265.3)
Farbumrechnungen
- HEX
- #26428b
- RGB
- rgb(38 66 139)
- HSL
- hsl(223 57% 35%)
- HWB
- hwb(223 15% 45%)
- OKLCH
- oklch(0.401 0.126 265.3)
- OKLab
- oklab(0.401 -0.01 -0.126)
- CIE Lab
- lab(29.16 10.24 -44.7)
- LCH
- lch(29.16 45.86 282.9)
- CMYK
- cmyk(73% 53% 0% 45%)
Tints · Shades · Tones
Tints
- 395597
- 4D67A3
- 6179AF
- 768CBB
- 8C9EC7
- A2B1D2
- B8C4DE
- CFD8E9
- E7EBF4
Shades
- 203878
- 192F66
- 132554
- 0D1C43
- 081432
- 040B23
- 020514
- 010107
- 000001
Tones
- 2F498B
- 37508A
- 40568A
- 495D89
- 526388
- 5B6987
- 646F85
- 6D7584
- 777A82
Farbharmonien
Komplementär +180°
- 26428B
Blue Oblivion
- 5C4400
≈ Mud Brown
Analog -30° +30°
- 26428B
Blue Oblivion
- 004E6F
≈ Gemstone Blue
- 4F3583
≈ Prism Violet
Triadisch +120° +240°
- 26428B
Blue Oblivion
- 7E2322
≈ Posh Red
- 005815
≈ Deep Green
Geteilt komplementär +150° +210°
- 26428B
Blue Oblivion
- 6F3600
≈ Philippine Bronze
- 464D00
≈ No Emissions Green
Tetradisch +90° +180° +270°
- 26428B
Blue Oblivion
- 78224B
≈ Caviar Couture
- 5C4400
≈ Mud Brown
- 005546
≈ Breathe Deeply
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.39:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.23:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.39:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--blue-oblivion: #26428b;
--blue-oblivion-rgb: 38 66 139;
--blue-oblivion-oklch: oklch(0.401 0.126 265.3);
}
.element {
color: var(--blue-oblivion);
background-color: hsl(223 57% 35%);
border-color: oklch(0.401 0.126 265.3);
}Tailwind CSS v4
@theme {
--color-blue-oblivion: #26428b;
--color-blue-oblivion-50: #e5f5ff;
--color-blue-oblivion-100: #d5e7ff;
--color-blue-oblivion-200: #bcd3ff;
--color-blue-oblivion-300: #9bb6f9;
--color-blue-oblivion-400: #7a9ce9;
--color-blue-oblivion-500: #5d82d9;
--color-blue-oblivion-600: #4f6eb7;
--color-blue-oblivion-700: #3f5893;
--color-blue-oblivion-800: #2b416e;
--color-blue-oblivion-900: #1d2d4d;
--color-blue-oblivion-950: #0d1933;
}SCSS
$blue-oblivion: #26428b;
$blue-oblivion-rgb: 38, 66, 139;
$blue-oblivion-light: mix(#fff, $blue-oblivion, 20%);
$blue-oblivion-dark: mix(#000, $blue-oblivion, 20%);
.element {
color: $blue-oblivion;
box-shadow: 0 0 0 2px rgba($blue-oblivion, 0.35);
}