Benannte Farbe · #2E4A7D
Nautical
Nautical ist #2E4A7D: rgb(46 74 125), hsl(219 46% 34%), oklch(0.413 0.092 261.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Nautical color name →
#2E4A7D
oklch(0.413 0.092 261.5)
Farbumrechnungen
- HEX
- #2e4a7d
- RGB
- rgb(46 74 125)
- HSL
- hsl(219 46% 34%)
- HWB
- hwb(219 18% 51%)
- OKLCH
- oklch(0.413 0.092 261.5)
- OKLab
- oklab(0.413 -0.014 -0.091)
- CIE Lab
- lab(31.25 2.51 -32.69)
- LCH
- lch(31.25 32.79 274.4)
- CMYK
- cmyk(63% 41% 0% 51%)
Tints · Shades · Tones
Tints
- 415B8A
- 546C97
- 687EA4
- 7C8FB1
- 91A1BE
- A6B3CB
- BCC6D8
- D2D9E5
- E8ECF2
Shades
- 273F6C
- 1F355B
- 182A4B
- 12203B
- 0B172C
- 060E1E
- 020611
- 010205
- 000001
Tones
- 36507E
- 3E557F
- 465B7F
- 4E6080
- 566680
- 5F6B80
- 677080
- 6F7680
- 787B80
Farbharmonien
Komplementär +180°
- 2E4A7D
Nautical
- 624600
≈ Mud Brown
Analog -30° +30°
- 2E4A7D
Nautical
- 005370
≈ Night Kite
- 4C4179
≈ Fresh Eggplant
Triadisch +120° +240°
- 2E4A7D
Nautical
- 753434
≈ Chocolate Bar
- 2B5726
≈ Moor-Monster
Geteilt komplementär +150° +210°
- 2E4A7D
Nautical
- 723A14
≈ Peruvian Soil
- 4D4F00
≈ Scorzonera Brown
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.77:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.39:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.77:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--nautical: #2e4a7d;
--nautical-rgb: 46 74 125;
--nautical-oklch: oklch(0.413 0.092 261.5);
}
.element {
color: var(--nautical);
background-color: hsl(219 46% 34%);
border-color: oklch(0.413 0.092 261.5);
}Tailwind CSS v4
@theme {
--color-nautical: #2e4a7d;
--color-nautical-50: #e8f6ff;
--color-nautical-100: #d8e8ff;
--color-nautical-200: #c0d5fd;
--color-nautical-300: #9fb8e7;
--color-nautical-400: #809fd5;
--color-nautical-500: #6486c3;
--color-nautical-600: #5571a5;
--color-nautical-700: #435b84;
--color-nautical-800: #2f4362;
--color-nautical-900: #202e45;
--color-nautical-950: #0f1b2d;
}SCSS
$nautical: #2e4a7d;
$nautical-rgb: 46, 74, 125;
$nautical-light: mix(#fff, $nautical, 20%);
$nautical-dark: mix(#000, $nautical, 20%);
.element {
color: $nautical;
box-shadow: 0 0 0 2px rgba($nautical, 0.35);
}