Najbliższy nazwany kolor · #1B2E66
#1B2E66
Najbliższy nazwany kolor: Mythical Night
#1B2E66 (rgb(27 46 102), hsl(225 58% 25%), oklch(0.321 0.102 266.5)) jest najbliższy nazwanemu kolorowi Mythical Night. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#1B2E66
oklch(0.321 0.102 266.5)
Konwersje koloru
- HEX
- #1b2e66
- RGB
- rgb(27 46 102)
- HSL
- hsl(225 58% 25%)
- HWB
- hwb(225 11% 60%)
- OKLCH
- oklch(0.321 0.102 266.5)
- OKLab
- oklab(0.321 -0.006 -0.101)
- CIE Lab
- lab(20.08 8.96 -36.01)
- LCH
- lch(20.08 37.1 284)
- CMYK
- cmyk(74% 55% 0% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2E4275
- 425585
- 576994
- 6D7DA3
- 8492B2
- 9BA7C2
- B3BCD1
- CCD2E0
- E5E8F0
Odcienie ciemniejsze
- 162758
- 111F4A
- 0C183C
- 08122F
- 050B23
- 020617
- 01020C
- 000104
- 000000
Tony
- 243769
- 2D3F6C
- 37476F
- 414F72
- 4B5875
- 556078
- 60687A
- 6A707C
- 75787E
Harmonie kolorów
Komplementarna +180°
- 1B2E66
Mythical Night
- 423000
≈ Night in the Woods
Analogowa -30° +30°
- 1B2E66
Mythical Night
- 003752
≈ Dark Denim Blue
- 392460
≈ Christalle
Triada +120° +240°
- 1B2E66
Mythical Night
- 5C1714
≈ Philippine Brown
- 003F10
≈ Hunter Green
Komplementarna rozszczepiona +150° +210°
- 1B2E66
Mythical Night
- 502600
≈ Conker Brown
- 313700
≈ Wasabi Nori
Tetrada +90° +180° +270°
- 1B2E66
Mythical Night
- 581634
≈ Tulip Poplar Purple
- 423000
≈ Night in the Woods
- 003D32
≈ Night Turquoise
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.88:1 · APCA Lc 99
Ag
FailNa czerni
WCAG 1.62:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.88:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmenty kodu
CSS
:root {
--mythical-night: #1b2e66;
--mythical-night-rgb: 27 46 102;
--mythical-night-oklch: oklch(0.321 0.102 266.5);
}
.element {
color: var(--mythical-night);
background-color: hsl(225 58% 25%);
border-color: oklch(0.321 0.102 266.5);
}Tailwind CSS v4
@theme {
--color-mythical-night: #1b2e66;
--color-mythical-night-50: #e9f5ff;
--color-mythical-night-100: #dae7ff;
--color-mythical-night-200: #c2d3ff;
--color-mythical-night-300: #a2b6ec;
--color-mythical-night-400: #839ddb;
--color-mythical-night-500: #6783ca;
--color-mythical-night-600: #586faa;
--color-mythical-night-700: #465989;
--color-mythical-night-800: #314166;
--color-mythical-night-900: #212d47;
--color-mythical-night-950: #101a2f;
}SCSS
$mythical-night: #1b2e66;
$mythical-night-rgb: 27, 46, 102;
$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);
}