Najbliższy nazwany kolor · #0D3B66
#0D3B66
Najbliższy nazwany kolor: Tardis Blue
#0D3B66 (rgb(13 59 102), hsl(209 77% 23%), oklch(0.347 0.089 251.1)) jest najbliższy nazwanemu kolorowi Tardis Blue. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#0D3B66
oklch(0.347 0.089 251.1)
Konwersje koloru
- HEX
- #0d3b66
- RGB
- rgb(13 59 102)
- HSL
- hsl(209 77% 23%)
- HWB
- hwb(209 5% 60%)
- OKLCH
- oklch(0.347 0.089 251.1)
- OKLab
- oklab(0.347 -0.029 -0.084)
- CIE Lab
- lab(23.77 -1.86 -30.13)
- LCH
- lch(23.77 30.19 266.5)
- CMYK
- cmyk(87% 42% 0% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 274D75
- 3D6084
- 547293
- 6B85A2
- 8299B1
- 9AADC1
- B3C1D0
- CCD5E0
- E5EAEF
Odcienie ciemniejsze
- 0A3258
- 07294A
- 05213C
- 03192F
- 021123
- 010917
- 00040C
- 000104
- 000000
Tony
- 1C4269
- 28496C
- 33506F
- 3E5772
- 495E74
- 546577
- 5F6B79
- 6A727C
- 75797E
Harmonie kolorów
Komplementarna +180°
- 0D3B66
Tardis Blue
- 523200
≈ Eyelash Camel
Analogowa -30° +30°
- 0D3B66
Tardis Blue
- 004151
≈ Crab Nebula
- 333266
≈ Deep Koamaru
Triada +120° +240°
- 0D3B66
Tardis Blue
- 5F222E
≈ Wine Country
- 284306
≈ Garden Shadow
Komplementarna rozszczepiona +150° +210°
- 0D3B66
Tardis Blue
- 5F260F
≈ Hot Fudge
- 423A00
≈ Camouflage
Tetrada +90° +180° +270°
- 0D3B66
Tardis Blue
- 572447
≈ Murasaki
- 523200
≈ Eyelash Camel
- 00462C
≈ Alaskan Moss
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.44:1 · APCA Lc 96
Ag
FailNa czerni
WCAG 1.83:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.44:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--tardis-blue: #0d3b66;
--tardis-blue-rgb: 13 59 102;
--tardis-blue-oklch: oklch(0.347 0.089 251.1);
}
.element {
color: var(--tardis-blue);
background-color: hsl(209 77% 23%);
border-color: oklch(0.347 0.089 251.1);
}Tailwind CSS v4
@theme {
--color-tardis-blue: #0d3b66;
--color-tardis-blue-50: #e4f7ff;
--color-tardis-blue-100: #d4eaff;
--color-tardis-blue-200: #bad7fa;
--color-tardis-blue-300: #97bbe5;
--color-tardis-blue-400: #77a2d2;
--color-tardis-blue-500: #588abf;
--color-tardis-blue-600: #4b75a2;
--color-tardis-blue-700: #3b5d82;
--color-tardis-blue-800: #294560;
--color-tardis-blue-900: #1b3043;
--color-tardis-blue-950: #0c1c2b;
}SCSS
$tardis-blue: #0d3b66;
$tardis-blue-rgb: 13, 59, 102;
$tardis-blue-light: mix(#fff, $tardis-blue, 20%);
$tardis-blue-dark: mix(#000, $tardis-blue, 20%);
.element {
color: $tardis-blue;
box-shadow: 0 0 0 2px rgba($tardis-blue, 0.35);
}