Nächste benannte Farbe · #01114A
#01114A
Nächste benannte Farbe: Storm
#01114A (rgb(1 17 74), hsl(227 97% 15%), oklch(0.216 0.108 263.6)) liegt am nächsten an der benannten Farbe Storm. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#01114A
oklch(0.216 0.108 263.6)
Farbumrechnungen
- HEX
- #01114a
- RGB
- rgb(1 17 74)
- HSL
- hsl(227 97% 15%)
- HWB
- hwb(227 0% 71%)
- OKLCH
- oklch(0.216 0.108 263.6)
- OKLab
- oklab(0.216 -0.012 -0.107)
- CIE Lab
- lab(7.44 15.12 -37.85)
- LCH
- lch(7.44 40.76 291.8)
- CMYK
- cmyk(99% 77% 0% 71%)
Tints · Shades · Tones
Tints
- 12285C
- 283F6E
- 405580
- 586C92
- 7283A4
- 8D9BB6
- A8B3C8
- C4CCDA
- E1E5EC
Shades
- 010D3F
- 010935
- 00062A
- 000420
- 000217
- 00010E
- 000006
- 000002
- 000000
Tones
- 081E50
- 152956
- 21345C
- 2E3F62
- 3B4A67
- 48546D
- 565F72
- 636A77
- 72757B
Farbharmonien
Komplementär +180°
- 01114A
Storm
- 231700
≈ Cannon Black
Analog -30° +30°
- 01114A
Storm
- 001D2B
≈ Oxford by Night
- 1F0545
≈ Your Darkness
Triadisch +120° +240°
- 01114A
Storm
- 380004
≈ Dark Maroon
- 002102
≈ Rainforest Nights
Geteilt komplementär +150° +210°
- 01114A
Storm
- 2C1100
≈ Shadow Play
- 1A1C00
≈ Yuzu Soy
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 17.79:1 · APCA Lc 104
Ag
FailAuf Schwarz
WCAG 1.18:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 17.79:1 (AAA) · APCA Lc 104
Contrast pairs
Code-Snippets
CSS
:root {
--storm: #01114a;
--storm-rgb: 1 17 74;
--storm-oklch: oklch(0.216 0.108 263.6);
}
.element {
color: var(--storm);
background-color: hsl(227 97% 15%);
border-color: oklch(0.216 0.108 263.6);
}Tailwind CSS v4
@theme {
--color-storm: #01114a;
--color-storm-50: #e7f5ff;
--color-storm-100: #d7e8ff;
--color-storm-200: #bed4ff;
--color-storm-300: #9db7ef;
--color-storm-400: #7d9ede;
--color-storm-500: #6184cd;
--color-storm-600: #5270ad;
--color-storm-700: #415a8b;
--color-storm-800: #2d4268;
--color-storm-900: #1e2e49;
--color-storm-950: #0e1a30;
}SCSS
$storm: #01114a;
$storm-rgb: 1, 17, 74;
$storm-light: mix(#fff, $storm, 20%);
$storm-dark: mix(#000, $storm, 20%);
.element {
color: $storm;
box-shadow: 0 0 0 2px rgba($storm, 0.35);
}