Benannte Farbe · #3B506F
Blue Flag
Blue Flag ist #3B506F: rgb(59 80 111), hsl(216 31% 33%), oklch(0.428 0.058 258). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blue Flag color name →
#3B506F
oklch(0.428 0.058 258)
Farbumrechnungen
- HEX
- #3b506f
- RGB
- rgb(59 80 111)
- HSL
- hsl(216 31% 33%)
- HWB
- hwb(216 23% 56%)
- OKLCH
- oklch(0.428 0.058 258)
- OKLab
- oklab(0.428 -0.012 -0.057)
- CIE Lab
- lab(33.32 -1.36 -20.69)
- LCH
- lch(33.32 20.74 266.2)
- CMYK
- cmyk(47% 28% 0% 56%)
Tints · Shades · Tones
Tints
- 4D607D
- 5F708B
- 718199
- 8492A7
- 98A4B5
- ACB5C4
- C0C7D2
- D5DAE1
- EAECF0
Shades
- 324460
- 293951
- 212E42
- 192434
- 111A27
- 09101A
- 04070E
- 010204
- 000001
Tones
- 425571
- 485A73
- 4F5E75
- 566376
- 5D6878
- 646D7A
- 6B727B
- 72767D
- 797B7F
Farbharmonien
Komplementär +180°
- 3B506F
Blue Flag
- 614B29
≈ Dallas
Analog -30° +30°
- 3B506F
Blue Flag
- 295568
≈ Wakefield
- 4D4A6D
≈ Intense Purple
Triadisch +120° +240°
- 3B506F
Blue Flag
- 6C4243
≈ Moroccan Leather
- 3F5737
≈ Ficus
Geteilt komplementär +150° +210°
- 3B506F
Blue Flag
- 694533
≈ Noble Chocolate
- 52522A
≈ Warplock Bronze
Tetradisch +90° +180° +270°
- 3B506F
Blue Flag
- 674255
≈ Delicious Berry
- 614B29
≈ Dallas
- 2C5949
≈ Federal Fund
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.19:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.56:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.19:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--blue-flag: #3b506f;
--blue-flag-rgb: 59 80 111;
--blue-flag-oklch: oklch(0.428 0.058 258);
}
.element {
color: var(--blue-flag);
background-color: hsl(216 31% 33%);
border-color: oklch(0.428 0.058 258);
}Tailwind CSS v4
@theme {
--color-blue-flag: #3b506f;
--color-blue-flag-50: #ecf6ff;
--color-blue-flag-100: #dde9fc;
--color-blue-flag-200: #c6d5ee;
--color-blue-flag-300: #a6b8d6;
--color-blue-flag-400: #89a0c1;
--color-blue-flag-500: #6e88ad;
--color-blue-flag-600: #5e7392;
--color-blue-flag-700: #4b5c75;
--color-blue-flag-800: #354356;
--color-blue-flag-900: #242f3c;
--color-blue-flag-950: #131b26;
}SCSS
$blue-flag: #3b506f;
$blue-flag-rgb: 59, 80, 111;
$blue-flag-light: mix(#fff, $blue-flag, 20%);
$blue-flag-dark: mix(#000, $blue-flag, 20%);
.element {
color: $blue-flag;
box-shadow: 0 0 0 2px rgba($blue-flag, 0.35);
}