En yakın adlandırılmış renk · #0B113C
#0B113C
En yakın adlandırılmış renk: Infinite Night
#0B113C (rgb(11 17 60), hsl(233 69% 14%), oklch(0.206 0.082 271)) en çok Infinite Night adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#0B113C
oklch(0.206 0.082 271)
Renk dönüşümleri
- HEX
- #0b113c
- RGB
- rgb(11 17 60)
- HSL
- hsl(233 69% 14%)
- HWB
- hwb(233 4% 76%)
- OKLCH
- oklch(0.206 0.082 271)
- OKLab
- oklab(0.206 0.001 -0.082)
- CIE Lab
- lab(6.78 11.16 -29.03)
- LCH
- lch(6.78 31.1 291)
- CMYK
- cmyk(82% 72% 0% 76%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 1D264E
- 323C61
- 485274
- 5F6987
- 78809A
- 9198AE
- ACB1C2
- C7CBD6
- E3E5EA
Koyu tonlar
- 080D33
- 06092A
- 040621
- 020419
- 010211
- 01010A
- 000004
- 000001
- 000000
Gri tonlar
- 141C43
- 1E274A
- 293251
- 343D58
- 40475F
- 4C5266
- 595E6C
- 666973
- 73747A
Renk uyumları
Tamamlayıcı +180°
- 0B113C
Infinite Night
- 1E1600
≈ Noir Mystique
Analog -30° +30°
- 0B113C
Infinite Night
- 00192B
≈ Oxford by Night
- 1E0936
≈ Middle Red Purple
Üçlü +120° +240°
- 0B113C
Infinite Night
- 330200
≈ Old Brown Crayon
- 001E09
≈ Clock Chimes Thirteen
Bölünmüş tamamlayıcı +150° +210°
- 0B113C
Infinite Night
- 271100
≈ Super Black
- 141A00
≈ Pinch of Pepper
Dörtlü +90° +180° +270°
- 0B113C
Infinite Night
- 320015
≈ Rhodophobia
- 1E1600
≈ Noir Mystique
- 001D18
≈ Stellar Explorer
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 18.10:1 · APCA Lc 105
Ag
FailSiyah üzerinde
WCAG 1.15:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 18.10:1 (AAA) · APCA Lc 105
Contrast pairs
Kod parçacıkları
CSS
:root {
--infinite-night: #0b113c;
--infinite-night-rgb: 11 17 60;
--infinite-night-oklch: oklch(0.206 0.082 271);
}
.element {
color: var(--infinite-night);
background-color: hsl(233 69% 14%);
border-color: oklch(0.206 0.082 271);
}Tailwind CSS v4
@theme {
--color-infinite-night: #0b113c;
--color-infinite-night-50: #edf4ff;
--color-infinite-night-100: #dee7ff;
--color-infinite-night-200: #c8d3f8;
--color-infinite-night-300: #a9b5e2;
--color-infinite-night-400: #8c9cd0;
--color-infinite-night-500: #7283bd;
--color-infinite-night-600: #616fa0;
--color-infinite-night-700: #4d5980;
--color-infinite-night-800: #37415f;
--color-infinite-night-900: #252d43;
--color-infinite-night-950: #141a2b;
}SCSS
$infinite-night: #0b113c;
$infinite-night-rgb: 11, 17, 60;
$infinite-night-light: mix(#fff, $infinite-night, 20%);
$infinite-night-dark: mix(#000, $infinite-night, 20%);
.element {
color: $infinite-night;
box-shadow: 0 0 0 2px rgba($infinite-night, 0.35);
}