Nächste benannte Farbe · #102743
#102743
Nächste benannte Farbe: Midnight Ocean
#102743 (rgb(16 39 67), hsl(213 61% 16%), oklch(0.27 0.06 254.6)) liegt am nächsten an der benannten Farbe Midnight Ocean. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#102743
oklch(0.27 0.06 254.6)
Farbumrechnungen
- HEX
- #102743
- RGB
- rgb(16 39 67)
- HSL
- hsl(213 61% 16%)
- HWB
- hwb(213 6% 74%)
- OKLCH
- oklch(0.27 0.06 254.6)
- OKLab
- oklab(0.27 -0.016 -0.058)
- CIE Lab
- lab(15.01 -0.76 -20.73)
- LCH
- lch(15.01 20.75 267.9)
- CMYK
- cmyk(76% 42% 0% 74%)
Tints · Shades · Tones
Tints
- 253A54
- 3A4D66
- 506278
- 67778A
- 7F8C9D
- 97A2B0
- B0B9C3
- CAD0D7
- E4E7EB
Shades
- 0C2039
- 091A2F
- 061426
- 040E1D
- 020814
- 01040C
- 000205
- 000101
- 000000
Tones
- 1B2F49
- 26384F
- 304156
- 3B495C
- 465262
- 515B68
- 5D646E
- 686D74
- 74777A
Farbharmonien
Komplementär +180°
- 102743
Midnight Ocean
- 372200
≈ Black Swan
Analog -30° +30°
- 102743
Midnight Ocean
- 002B39
≈ Murky Depths
- 242142
≈ Black Market
Triadisch +120° +240°
- 102743
Midnight Ocean
- 3F191D
≈ Bruised Plum
- 192D0C
≈ Nori Green
Geteilt komplementär +150° +210°
- 102743
Midnight Ocean
- 3E1B0B
≈ 90% Cocoa
- 2B2800
≈ Black Swan
Tetradisch +90° +180° +270°
- 102743
Midnight Ocean
- 3A192D
≈ Nightly Voyager
- 372200
≈ Black Swan
- 002F1F
≈ Bush
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 15.07:1 · APCA Lc 102
Ag
FailAuf Schwarz
WCAG 1.39:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 15.07:1 (AAA) · APCA Lc 102
Contrast pairs
Code-Snippets
CSS
:root {
--midnight-ocean: #102743;
--midnight-ocean-rgb: 16 39 67;
--midnight-ocean-oklch: oklch(0.27 0.06 254.6);
}
.element {
color: var(--midnight-ocean);
background-color: hsl(213 61% 16%);
border-color: oklch(0.27 0.06 254.6);
}Tailwind CSS v4
@theme {
--color-midnight-ocean: #102743;
--color-midnight-ocean-50: #eaf6ff;
--color-midnight-ocean-100: #dbe9fc;
--color-midnight-ocean-200: #c4d6ee;
--color-midnight-ocean-300: #a4b9d6;
--color-midnight-ocean-400: #87a1c2;
--color-midnight-ocean-500: #6b88ae;
--color-midnight-ocean-600: #5b7393;
--color-midnight-ocean-700: #485c76;
--color-midnight-ocean-800: #334457;
--color-midnight-ocean-900: #232f3d;
--color-midnight-ocean-950: #121b26;
}SCSS
$midnight-ocean: #102743;
$midnight-ocean-rgb: 16, 39, 67;
$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);
}