Nazwany kolor · #27426B
Nightlife
Nightlife to #27426B: rgb(39 66 107), hsl(216 47% 29%), oklch(0.379 0.078 258.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Nightlife color name →
#27426B
oklch(0.379 0.078 258.5)
Konwersje koloru
- HEX
- #27426b
- RGB
- rgb(39 66 107)
- HSL
- hsl(216 47% 29%)
- HWB
- hwb(216 15% 58%)
- OKLCH
- oklch(0.379 0.078 258.5)
- OKLab
- oklab(0.379 -0.016 -0.076)
- CIE Lab
- lab(27.43 0.32 -27.46)
- LCH
- lch(27.43 27.47 270.7)
- CMYK
- cmyk(64% 38% 0% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3A5379
- 4E6588
- 627796
- 778AA5
- 8D9CB4
- A3AFC3
- B9C3D2
- D0D7E1
- E7EBF0
Odcienie ciemniejsze
- 20385C
- 1A2F4E
- 14253F
- 0E1C32
- 081425
- 040B18
- 02050D
- 010104
- 000000
Tony
- 30486E
- 394F70
- 415572
- 4A5B75
- 536177
- 5C6779
- 656D7B
- 6E747D
- 777A7E
Harmonie kolorów
Komplementarna +180°
- 27426B
Nightlife
- 583C01
≈ Pineapple
Analogowa -30° +30°
- 27426B
Nightlife
- 004961
≈ Stegadon Scale Green
- 413A69
≈ American Blue
Triada +120° +240°
- 27426B
Nightlife
- 652F32
≈ Voluptuous
- 2B4C21
≈ Chestnut Green
Komplementarna rozszczepiona +150° +210°
- 27426B
Nightlife
- 633419
≈ Meatloaf
- 464506
≈ Alligator Gladiator
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.10:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.07:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.10:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--nightlife: #27426b;
--nightlife-rgb: 39 66 107;
--nightlife-oklch: oklch(0.379 0.078 258.5);
}
.element {
color: var(--nightlife);
background-color: hsl(216 47% 29%);
border-color: oklch(0.379 0.078 258.5);
}Tailwind CSS v4
@theme {
--color-nightlife: #27426b;
--color-nightlife-50: #e9f6ff;
--color-nightlife-100: #d9e9ff;
--color-nightlife-200: #c1d5f6;
--color-nightlife-300: #a1b9e0;
--color-nightlife-400: #82a0cd;
--color-nightlife-500: #6687ba;
--color-nightlife-600: #57739d;
--color-nightlife-700: #455c7e;
--color-nightlife-800: #31435d;
--color-nightlife-900: #212f41;
--color-nightlife-950: #101b2a;
}SCSS
$nightlife: #27426b;
$nightlife-rgb: 39, 66, 107;
$nightlife-light: mix(#fff, $nightlife, 20%);
$nightlife-dark: mix(#000, $nightlife, 20%);
.element {
color: $nightlife;
box-shadow: 0 0 0 2px rgba($nightlife, 0.35);
}