En yakın adlandırılmış renk · #1B2B5B
#1B2B5B
En yakın adlandırılmış renk: Mythical Night
#1B2B5B (rgb(27 43 91), hsl(225 54% 23%), oklch(0.305 0.089 267.2)) en çok Mythical 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.
#1B2B5B
oklch(0.305 0.089 267.2)
Renk dönüşümleri
- HEX
- #1b2b5b
- RGB
- rgb(27 43 91)
- HSL
- hsl(225 54% 23%)
- HWB
- hwb(225 11% 64%)
- OKLCH
- oklch(0.305 0.089 267.2)
- OKLab
- oklab(0.305 -0.004 -0.088)
- CIE Lab
- lab(18.41 7.27 -31.47)
- LCH
- lch(18.41 32.3 283)
- CMYK
- cmyk(70% 53% 0% 64%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2E3E6B
- 42527B
- 57668B
- 6D7B9B
- 8490AC
- 9BA5BC
- B3BBCD
- CCD1DD
- E5E8EE
Koyu tonlar
- 16244E
- 111D41
- 0C1635
- 081029
- 050A1E
- 020513
- 010209
- 000103
- 000000
Gri tonlar
- 24345F
- 2D3C63
- 374567
- 414D6B
- 4B556F
- 555E73
- 606676
- 6A6F7A
- 75777D
Renk uyumları
Tamamlayıcı +180°
- 1B2B5B
Mythical Night
- 3C2C00
≈ Hidden Passage
Analog -30° +30°
- 1B2B5B
Mythical Night
- 00334C
≈ Dark Denim Blue
- 352355
≈ Stormy Night
Üçlü +120° +240°
- 1B2B5B
Mythical Night
- 531814
≈ Mama Africa
- 023A11
≈ Gameboy Contrast
Bölünmüş tamamlayıcı +150° +210°
- 1B2B5B
Mythical Night
- 4A2300
≈ Chrysophobia
- 2D3300
≈ Wasabi Nori
Dörtlü +90° +180° +270°
- 1B2B5B
Mythical Night
- 50172F
≈ Chilli Black Red
- 3C2C00
≈ Hidden Passage
- 00382E
≈ Night Turquoise
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.60:1 · APCA Lc 100
Ag
FailSiyah üzerinde
WCAG 1.54:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.60:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--mythical-night: #1b2b5b;
--mythical-night-rgb: 27 43 91;
--mythical-night-oklch: oklch(0.305 0.089 267.2);
}
.element {
color: var(--mythical-night);
background-color: hsl(225 54% 23%);
border-color: oklch(0.305 0.089 267.2);
}Tailwind CSS v4
@theme {
--color-mythical-night: #1b2b5b;
--color-mythical-night-50: #ebf5ff;
--color-mythical-night-100: #dce7ff;
--color-mythical-night-200: #c5d3fb;
--color-mythical-night-300: #a5b6e6;
--color-mythical-night-400: #879dd4;
--color-mythical-night-500: #6c84c1;
--color-mythical-night-600: #5b70a3;
--color-mythical-night-700: #495983;
--color-mythical-night-800: #334261;
--color-mythical-night-900: #232d44;
--color-mythical-night-950: #121a2c;
}SCSS
$mythical-night: #1b2b5b;
$mythical-night-rgb: 27, 43, 91;
$mythical-night-light: mix(#fff, $mythical-night, 20%);
$mythical-night-dark: mix(#000, $mythical-night, 20%);
.element {
color: $mythical-night;
box-shadow: 0 0 0 2px rgba($mythical-night, 0.35);
}