Nächste benannte Farbe · #003C99
#003C99
Nächste benannte Farbe: Smalt
#003C99 (rgb(0 60 153), hsl(216 100% 30%), oklch(0.389 0.162 260.4)) liegt am nächsten an der benannten Farbe Smalt. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#003C99
oklch(0.389 0.162 260.4)
Farbumrechnungen
- HEX
- #003c99
- RGB
- rgb(0 60 153)
- HSL
- hsl(216 100% 30%)
- HWB
- hwb(216 0% 40%)
- OKLCH
- oklch(0.389 0.162 260.4)
- OKLab
- oklab(0.389 -0.027 -0.16)
- CIE Lab
- lab(27.21 15.09 -56.49)
- LCH
- lch(27.21 58.47 285)
- CMYK
- cmyk(100% 61% 0% 40%)
Tints · Shades · Tones
Tints
- 1F51A4
- 3864B0
- 5077BB
- 688BC5
- 809ECF
- 98B1D9
- B1C4E3
- CBD8ED
- E5EBF6
Shades
- 003384
- 002A70
- 00215D
- 00194A
- 001138
- 000A27
- 000417
- 000108
- 000001
Tones
- 134598
- 224D96
- 2F5494
- 3B5B92
- 466290
- 52688D
- 5D6E8A
- 697487
- 747A84
Farbharmonien
Komplementär +180°
- 003C99
Smalt
- 5B3F00
≈ Hippogriff Brown
Analog -30° +30°
- 003C99
Smalt
- 004C66
≈ Fresco Blue
- 492993
≈ Galactic Purple
Triadisch +120° +240°
- 003C99
Smalt
- 84001E
≈ Oxblood
- 125400
≈ Donegal Green
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.96:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.10:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.96:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--smalt: #003c99;
--smalt-rgb: 0 60 153;
--smalt-oklch: oklch(0.389 0.162 260.4);
}
.element {
color: var(--smalt);
background-color: hsl(216 100% 30%);
border-color: oklch(0.389 0.162 260.4);
}Tailwind CSS v4
@theme {
--color-smalt: #003c99;
--color-smalt-50: #dcf6ff;
--color-smalt-100: #cbe9ff;
--color-smalt-200: #afd5ff;
--color-smalt-300: #8ab7ff;
--color-smalt-400: #649dfd;
--color-smalt-500: #4182ef;
--color-smalt-600: #386eca;
--color-smalt-700: #2d58a2;
--color-smalt-800: #1b4179;
--color-smalt-900: #112d56;
--color-smalt-950: #04193a;
}SCSS
$smalt: #003c99;
$smalt-rgb: 0, 60, 153;
$smalt-light: mix(#fff, $smalt, 20%);
$smalt-dark: mix(#000, $smalt, 20%);
.element {
color: $smalt;
box-shadow: 0 0 0 2px rgba($smalt, 0.35);
}