Benannte Farbe · #465784
True Navy
True Navy ist #465784: rgb(70 87 132), hsl(224 31% 40%), oklch(0.463 0.077 267.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · True Navy color name →
#465784
oklch(0.463 0.077 267.6)
Farbumrechnungen
- HEX
- #465784
- RGB
- rgb(70 87 132)
- HSL
- hsl(224 31% 40%)
- HWB
- hwb(224 27% 48%)
- OKLCH
- oklch(0.463 0.077 267.6)
- OKLab
- oklab(0.463 -0.003 -0.077)
- CIE Lab
- lab(37.1 3.18 -27.69)
- LCH
- lch(37.1 27.87 276.6)
- CMYK
- cmyk(47% 34% 0% 48%)
Tints · Shades · Tones
Tints
- 576790
- 68779C
- 7987A9
- 8B97B5
- 9EA8C1
- B0B9CD
- C3CADA
- D7DBE6
- EBEDF3
Shades
- 3C4B72
- 323E60
- 28334F
- 1E273F
- 151C2F
- 0D1220
- 050812
- 020306
- 000001
Tones
- 4C5B84
- 515F84
- 576484
- 5D6883
- 626C83
- 687083
- 6E7482
- 747882
- 7A7C81
Farbharmonien
Komplementär +180°
- 465784
True Navy
- 6B5620
≈ Field Drab
Analog -30° +30°
- 465784
True Navy
- 295F7E
≈ Suez Canal
- 5E4F7E
≈ Imperial Palace
Triadisch +120° +240°
- 465784
True Navy
- 7E4741
≈ Sly Fox
- 396540
≈ Jurassic Park
Geteilt komplementär +150° +210°
- 465784
True Navy
- 794D2B
≈ Kinsusutake Brown
- 555E29
≈ Saratoga
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.10:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.95:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.10:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--true-navy: #465784;
--true-navy-rgb: 70 87 132;
--true-navy-oklch: oklch(0.463 0.077 267.6);
}
.element {
color: var(--true-navy);
background-color: hsl(224 31% 40%);
border-color: oklch(0.463 0.077 267.6);
}Tailwind CSS v4
@theme {
--color-true-navy: #465784;
--color-true-navy-50: #ecf5ff;
--color-true-navy-100: #dde7ff;
--color-true-navy-200: #c7d4f6;
--color-true-navy-300: #a8b6e0;
--color-true-navy-400: #8b9dcd;
--color-true-navy-500: #7084ba;
--color-true-navy-600: #5f709d;
--color-true-navy-700: #4c5a7e;
--color-true-navy-800: #36425d;
--color-true-navy-900: #252d41;
--color-true-navy-950: #131a2a;
}SCSS
$true-navy: #465784;
$true-navy-rgb: 70, 87, 132;
$true-navy-light: mix(#fff, $true-navy, 20%);
$true-navy-dark: mix(#000, $true-navy, 20%);
.element {
color: $true-navy;
box-shadow: 0 0 0 2px rgba($true-navy, 0.35);
}