Nächste benannte Farbe · #0B172F
#0B172F
Nächste benannte Farbe: Squid’s Ink
#0B172F (rgb(11 23 47), hsl(220 62% 11%), oklch(0.209 0.051 262.8)) liegt am nächsten an der benannten Farbe Squid’s Ink. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#0B172F
oklch(0.209 0.051 262.8)
Farbumrechnungen
- HEX
- #0b172f
- RGB
- rgb(11 23 47)
- HSL
- hsl(220 62% 11%)
- HWB
- hwb(220 4% 82%)
- OKLCH
- oklch(0.209 0.051 262.8)
- OKLab
- oklab(0.209 -0.006 -0.05)
- CIE Lab
- lab(7.78 2.1 -18)
- LCH
- lch(7.78 18.12 276.7)
- CMYK
- cmyk(77% 51% 0% 82%)
Tints · Shades · Tones
Tints
- 1E2B42
- 333F55
- 4A5468
- 616B7D
- 798291
- 939AA6
- ADB2BC
- C7CBD2
- E3E5E8
Shades
- 081227
- 060E20
- 040A19
- 020612
- 01040C
- 010206
- 000103
- 000001
- 000000
Tones
- 152137
- 202A3F
- 2B3447
- 363F4F
- 424957
- 4D545F
- 5A5E67
- 66696F
- 737578
Farbharmonien
Komplementär +180°
- 0B172F
Squid’s Ink
- 211600
≈ Cannon Black
Analog -30° +30°
- 0B172F
Squid’s Ink
- 001B28
≈ Oxford by Night
- 19132D
≈ Lost in Sadness
Triadisch +120° +240°
- 0B172F
Squid’s Ink
- 2B0D0D
≈ Root Brew
- 081E07
≈ Clock Chimes Thirteen
Geteilt komplementär +150° +210°
- 0B172F
Squid’s Ink
- 291001
≈ Root Brew
- 181A00
≈ Pinch of Pepper
Tetradisch +90° +180° +270°
- 0B172F
Squid’s Ink
- 290D1A
≈ Inside
- 211600
≈ Cannon Black
- 001E16
≈ Clock Chimes Thirteen
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 17.82:1 · APCA Lc 105
Ag
FailAuf Schwarz
WCAG 1.17:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 17.82:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
CSS
:root {
--squid-s-ink: #0b172f;
--squid-s-ink-rgb: 11 23 47;
--squid-s-ink-oklch: oklch(0.209 0.051 262.8);
}
.element {
color: var(--squid-s-ink);
background-color: hsl(220 62% 11%);
border-color: oklch(0.209 0.051 262.8);
}Tailwind CSS v4
@theme {
--color-squid-s-ink: #0b172f;
--color-squid-s-ink-50: #eef5ff;
--color-squid-s-ink-100: #e0e8fa;
--color-squid-s-ink-200: #cad4eb;
--color-squid-s-ink-300: #abb8d2;
--color-squid-s-ink-400: #8f9fbd;
--color-squid-s-ink-500: #7487a9;
--color-squid-s-ink-600: #63728e;
--color-squid-s-ink-700: #4f5b72;
--color-squid-s-ink-800: #384354;
--color-squid-s-ink-900: #272e3b;
--color-squid-s-ink-950: #151b25;
}SCSS
$squid-s-ink: #0b172f;
$squid-s-ink-rgb: 11, 23, 47;
$squid-s-ink-light: mix(#fff, $squid-s-ink, 20%);
$squid-s-ink-dark: mix(#000, $squid-s-ink, 20%);
.element {
color: $squid-s-ink;
box-shadow: 0 0 0 2px rgba($squid-s-ink, 0.35);
}