Nächste benannte Farbe · #1E314C
#1E314C
Nächste benannte Farbe: Midnight Ocean
#1E314C (rgb(30 49 76), hsl(215 43% 21%), oklch(0.311 0.055 257.2)) liegt am nächsten an der benannten Farbe Midnight Ocean. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#1E314C
oklch(0.311 0.055 257.2)
Farbumrechnungen
- HEX
- #1e314c
- RGB
- rgb(30 49 76)
- HSL
- hsl(215 43% 21%)
- HWB
- hwb(215 12% 70%)
- OKLCH
- oklch(0.311 0.055 257.2)
- OKLab
- oklab(0.311 -0.012 -0.054)
- CIE Lab
- lab(19.76 -0.75 -19.33)
- LCH
- lch(19.76 19.35 267.8)
- CMYK
- cmyk(61% 36% 0% 70%)
Tints · Shades · Tones
Tints
- 31435D
- 45566D
- 5A697F
- 707D90
- 8692A2
- 9DA7B4
- B5BCC6
- CDD2D9
- E6E8EC
Shades
- 192941
- 132236
- 0E1A2C
- 091322
- 050C18
- 03060F
- 010306
- 000102
- 000000
Tones
- 273951
- 314057
- 3A485C
- 445061
- 4D5866
- 575F6B
- 616771
- 6B7076
- 76787B
Farbharmonien
Komplementär +180°
- 1E314C
Midnight Ocean
- 402C0B
≈ Hidden Passage
Analog -30° +30°
- 1E314C
Midnight Ocean
- 083646
≈ Crowberry Blue
- 2F2C4B
≈ Tropical Night Blue
Triadisch +120° +240°
- 1E314C
Midnight Ocean
- 482426
≈ New Bulgarian Rose
- 23371A
≈ Darkest Forest
Geteilt komplementär +150° +210°
- 1E314C
Midnight Ocean
- 472717
≈ Night Brown
- 34320D
≈ Olivenite
Tetradisch +90° +180° +270°
- 1E314C
Midnight Ocean
- 452436
≈ Juice Violet
- 402C0B
≈ Hidden Passage
- 0D392B
≈ Deep Fir
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.13:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.59:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.13:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--midnight-ocean: #1e314c;
--midnight-ocean-rgb: 30 49 76;
--midnight-ocean-oklch: oklch(0.311 0.055 257.2);
}
.element {
color: var(--midnight-ocean);
background-color: hsl(215 43% 21%);
border-color: oklch(0.311 0.055 257.2);
}Tailwind CSS v4
@theme {
--color-midnight-ocean: #1e314c;
--color-midnight-ocean-50: #ecf6ff;
--color-midnight-ocean-100: #dde9fb;
--color-midnight-ocean-200: #c7d5ec;
--color-midnight-ocean-300: #a7b9d4;
--color-midnight-ocean-400: #8aa0bf;
--color-midnight-ocean-500: #6f88ab;
--color-midnight-ocean-600: #5e7390;
--color-midnight-ocean-700: #4b5c74;
--color-midnight-ocean-800: #364355;
--color-midnight-ocean-900: #252f3c;
--color-midnight-ocean-950: #131b25;
}SCSS
$midnight-ocean: #1e314c;
$midnight-ocean-rgb: 30, 49, 76;
$midnight-ocean-light: mix(#fff, $midnight-ocean, 20%);
$midnight-ocean-dark: mix(#000, $midnight-ocean, 20%);
.element {
color: $midnight-ocean;
box-shadow: 0 0 0 2px rgba($midnight-ocean, 0.35);
}