Couleur nommée la plus proche · #0B1632
#0B1632
Couleur nommée la plus proche: Squid’s Ink
#0B1632 (rgb(11 22 50), hsl(223 64% 12%), oklch(0.208 0.058 265.5)) est la plus proche de la couleur nommée Squid’s Ink. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#0B1632
oklch(0.208 0.058 265.5)
Conversions de couleur
- HEX
- #0b1632
- RGB
- rgb(11 22 50)
- HSL
- hsl(223 64% 12%)
- HWB
- hwb(223 4% 80%)
- OKLCH
- oklch(0.208 0.058 265.5)
- OKLab
- oklab(0.208 -0.004 -0.057)
- CIE Lab
- lab(7.61 3.92 -20.45)
- LCH
- lch(7.61 20.82 280.9)
- CMYK
- cmyk(78% 56% 0% 80%)
Teintes · Ombres · Tons
Teintes
- 1E2A45
- 333E58
- 49546B
- 616A7F
- 798293
- 9299A8
- ADB2BD
- C7CBD3
- E3E5E9
Ombres
- 08122A
- 060D22
- 04091B
- 020614
- 01030D
- 010207
- 000103
- 000001
- 000000
Tons
- 15203A
- 1F2A42
- 2A3449
- 363E51
- 414959
- 4D5361
- 5A5E68
- 666970
- 737578
Harmonies de couleurs
Complémentaire +180°
- 0B1632
Squid’s Ink
- 211600
≈ Cannon Black
Analogue -30° +30°
- 0B1632
Squid’s Ink
- 001B29
≈ Oxford by Night
- 1B112F
≈ Midnight Monarch
Triadique +120° +240°
- 0B1632
Squid’s Ink
- 2D0B09
≈ Root Brew
- 031E06
≈ Clock Chimes Thirteen
Complémentaire divisée +150° +210°
- 0B1632
Squid’s Ink
- 291000
≈ Root Brew
- 171A00
≈ Pinch of Pepper
Tétradique +90° +180° +270°
- 0B1632
Squid’s Ink
- 2B0A19
≈ Rhodophobia
- 211600
≈ Cannon Black
- 001E17
≈ Clock Chimes Thirteen
Contraste et accessibilité
Ag
AAASur blanc
WCAG 17.87:1 · APCA Lc 105
Ag
FailSur noir
WCAG 1.17:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 17.87:1 (AAA) · APCA Lc 105
Contrast pairs
Extraits de code
CSS
:root {
--squid-s-ink: #0b1632;
--squid-s-ink-rgb: 11 22 50;
--squid-s-ink-oklch: oklch(0.208 0.058 265.5);
}
.element {
color: var(--squid-s-ink);
background-color: hsl(223 64% 12%);
border-color: oklch(0.208 0.058 265.5);
}Tailwind CSS v4
@theme {
--color-squid-s-ink: #0b1632;
--color-squid-s-ink-50: #eef5ff;
--color-squid-s-ink-100: #dfe8fc;
--color-squid-s-ink-200: #c9d4ee;
--color-squid-s-ink-300: #aab7d6;
--color-squid-s-ink-400: #8e9ec1;
--color-squid-s-ink-500: #7486ad;
--color-squid-s-ink-600: #627192;
--color-squid-s-ink-700: #4e5b75;
--color-squid-s-ink-800: #384257;
--color-squid-s-ink-900: #262e3d;
--color-squid-s-ink-950: #151b26;
}SCSS
$squid-s-ink: #0b1632;
$squid-s-ink-rgb: 11, 22, 50;
$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);
}