Benannte Farbe · #120A8F
Blue Trust
Blue Trust ist #120A8F: rgb(18 10 143), hsl(244 87% 30%), oklch(0.307 0.194 268.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blue Trust color name →
#120A8F
oklch(0.307 0.194 268.5)
Farbumrechnungen
- HEX
- #120a8f
- RGB
- rgb(18 10 143)
- HSL
- hsl(244 87% 30%)
- HWB
- hwb(244 4% 44%)
- OKLCH
- oklch(0.307 0.194 268.5)
- OKLab
- oklab(0.307 -0.005 -0.194)
- CIE Lab
- lab(15.58 41.34 -69.53)
- LCH
- lch(15.58 80.89 300.7)
- CMYK
- cmyk(87% 93% 0% 44%)
Tints · Shades · Tones
Tints
- 1E309C
- 3149A9
- 4761B5
- 5F77C1
- 778ECC
- 91A4D7
- ABBBE2
- C7D1EC
- E2E8F6
Shades
- 0E077C
- 0A0569
- 070357
- 040245
- 020134
- 010124
- 010015
- 000007
- 000001
Tones
- 16228F
- 1E318F
- 293D8E
- 34488D
- 40538C
- 4C5C8B
- 586689
- 656F86
- 737783
Farbharmonien
Komplementär +180°
- 120A8F
Blue Trust
- 3D2D00
≈ Hidden Passage
Analog -30° +30°
- 120A8F
Blue Trust
- 00344E
≈ Dark Denim Blue
- 3E0075
≈ Galactic Federation
Triadisch +120° +240°
- 120A8F
Blue Trust
- 600002
≈ Spikey Red
- 003B13
≈ Melancholia
Geteilt komplementär +150° +210°
- 120A8F
Blue Trust
- 4A2400
≈ Ibex Brown
- 2C3400
≈ Wasabi Nori
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 14.32:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.46:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 14.32:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--blue-trust: #120a8f;
--blue-trust-rgb: 18 10 143;
--blue-trust-oklch: oklch(0.307 0.194 268.5);
}
.element {
color: var(--blue-trust);
background-color: hsl(244 87% 30%);
border-color: oklch(0.307 0.194 268.5);
}Tailwind CSS v4
@theme {
--color-blue-trust: #120a8f;
--color-blue-trust-50: #e0f3ff;
--color-blue-trust-100: #cfe5ff;
--color-blue-trust-200: #b5d0ff;
--color-blue-trust-300: #92b0ff;
--color-blue-trust-400: #6f95ff;
--color-blue-trust-500: #5277ff;
--color-blue-trust-600: #4565dc;
--color-blue-trust-700: #3751b1;
--color-blue-trust-800: #233b85;
--color-blue-trust-900: #17295e;
--color-blue-trust-950: #091640;
}SCSS
$blue-trust: #120a8f;
$blue-trust-rgb: 18, 10, 143;
$blue-trust-light: mix(#fff, $blue-trust, 20%);
$blue-trust-dark: mix(#000, $blue-trust, 20%);
.element {
color: $blue-trust;
box-shadow: 0 0 0 2px rgba($blue-trust, 0.35);
}