En yakın adlandırılmış renk · #0B3D68
#0B3D68
En yakın adlandırılmış renk: Tardis Blue
#0B3D68 (rgb(11 61 104), hsl(208 81% 23%), oklch(0.353 0.09 249.8)) en çok Tardis Blue 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.
#0B3D68
oklch(0.353 0.09 249.8)
Renk dönüşümleri
- HEX
- #0b3d68
- RGB
- rgb(11 61 104)
- HSL
- hsl(208 81% 23%)
- HWB
- hwb(208 4% 59%)
- OKLCH
- oklch(0.353 0.09 249.8)
- OKLab
- oklab(0.353 -0.031 -0.085)
- CIE Lab
- lab(24.51 -2.63 -30.25)
- LCH
- lch(24.51 30.36 265)
- CMYK
- cmyk(89% 41% 0% 59%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 264F77
- 3D6186
- 547495
- 6B87A3
- 839AB3
- 9AAEC2
- B3C1D1
- CCD6E0
- E5EAF0
Koyu tonlar
- 083459
- 062B4B
- 04223E
- 021A30
- 011224
- 010A18
- 00040C
- 000104
- 000000
Gri tonlar
- 1B446B
- 274B6E
- 335270
- 3E5873
- 495F75
- 546678
- 5F6C7A
- 6A737C
- 75797E
Renk uyumları
Tamamlayıcı +180°
- 0B3D68
Tardis Blue
- 543300
≈ Eyelash Camel
Analog -30° +30°
- 0B3D68
Tardis Blue
- 004352
≈ Crab Nebula
- 333469
≈ Deep Koamaru
Üçlü +120° +240°
- 0B3D68
Tardis Blue
- 612331
≈ Wine Country
- 2B4405
≈ Garden Shadow
Bölünmüş tamamlayıcı +150° +210°
- 0B3D68
Tardis Blue
- 612712
≈ Hot Fudge
- 453C00
≈ Xanthophobia
Dörtlü +90° +180° +270°
- 0B3D68
Tardis Blue
- 59264A
≈ Plum Caspia
- 543300
≈ Eyelash Camel
- 00482C
≈ Alaskan Moss
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.16:1 · APCA Lc 95
Ag
FailSiyah üzerinde
WCAG 1.88:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.16:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--tardis-blue: #0b3d68;
--tardis-blue-rgb: 11 61 104;
--tardis-blue-oklch: oklch(0.353 0.09 249.8);
}
.element {
color: var(--tardis-blue);
background-color: hsl(208 81% 23%);
border-color: oklch(0.353 0.09 249.8);
}Tailwind CSS v4
@theme {
--color-tardis-blue: #0b3d68;
--color-tardis-blue-50: #e3f8ff;
--color-tardis-blue-100: #d3ebff;
--color-tardis-blue-200: #b9d8fa;
--color-tardis-blue-300: #96bbe5;
--color-tardis-blue-400: #75a3d2;
--color-tardis-blue-500: #558ac0;
--color-tardis-blue-600: #4975a2;
--color-tardis-blue-700: #3a5e82;
--color-tardis-blue-800: #284560;
--color-tardis-blue-900: #1a3043;
--color-tardis-blue-950: #0b1c2b;
}SCSS
$tardis-blue: #0b3d68;
$tardis-blue-rgb: 11, 61, 104;
$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);
}