Nazwany kolor · #0F084B
Silent Twilight
Silent Twilight to #0F084B: rgb(15 8 75), hsl(246 81% 16%), oklch(0.211 0.114 275.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Silent Twilight color name →
#0F084B
oklch(0.211 0.114 275.1)
Konwersje koloru
- HEX
- #0f084b
- RGB
- rgb(15 8 75)
- HSL
- hsl(246 81% 16%)
- HWB
- hwb(246 3% 71%)
- OKLCH
- oklch(0.211 0.114 275.1)
- OKLab
- oklab(0.211 0.01 -0.114)
- CIE Lab
- lab(6.39 22.77 -40.25)
- LCH
- lch(6.39 46.24 299.5)
- CMYK
- cmyk(80% 89% 0% 71%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 1F235D
- 323A6F
- 485081
- 5F6893
- 7880A5
- 9198B6
- ABB1C8
- C7CADB
- E2E4ED
Odcienie ciemniejsze
- 0B0640
- 080435
- 05032B
- 030221
- 020117
- 01010E
- 000006
- 000002
- 000000
Tony
- 161751
- 1F2457
- 29305D
- 343B63
- 404768
- 4C526D
- 595D72
- 656977
- 73747C
Harmonie kolorów
Komplementarna +180°
- 0F084B
Silent Twilight
- 1F1800
≈ Noir Mystique
Analogowa -30° +30°
- 0F084B
Silent Twilight
- 001A2F
≈ Oxford by Night
- 25003F
≈ Your Darkness
Triada +120° +240°
- 0F084B
Silent Twilight
- 330600
≈ 3AM Breakup
- 001F0D
≈ Clock Chimes Thirteen
Komplementarna rozszczepiona +150° +210°
- 0F084B
Silent Twilight
- 271300
≈ Cannon Black
- 131C00
≈ Yuzu Soy
Tetrada +90° +180° +270°
- 0F084B
Silent Twilight
- 350013
≈ Ilvaite Black
- 1F1800
≈ Noir Mystique
- 001E1B
≈ Stellar Explorer
Kontrast i dostępność
Ag
AAANa bieli
WCAG 18.15:1 · APCA Lc 104
Ag
FailNa czerni
WCAG 1.15:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 18.15:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmenty kodu
CSS
:root {
--silent-twilight: #0f084b;
--silent-twilight-rgb: 15 8 75;
--silent-twilight-oklch: oklch(0.211 0.114 275.1);
}
.element {
color: var(--silent-twilight);
background-color: hsl(246 81% 16%);
border-color: oklch(0.211 0.114 275.1);
}Tailwind CSS v4
@theme {
--color-silent-twilight: #0f084b;
--color-silent-twilight-50: #ecf3ff;
--color-silent-twilight-100: #dee5ff;
--color-silent-twilight-200: #c7d1ff;
--color-silent-twilight-300: #a8b2f2;
--color-silent-twilight-400: #8b99e2;
--color-silent-twilight-500: #717ed1;
--color-silent-twilight-600: #606bb0;
--color-silent-twilight-700: #4c568e;
--color-silent-twilight-800: #363f6a;
--color-silent-twilight-900: #242b4a;
--color-silent-twilight-950: #131831;
}SCSS
$silent-twilight: #0f084b;
$silent-twilight-rgb: 15, 8, 75;
$silent-twilight-light: mix(#fff, $silent-twilight, 20%);
$silent-twilight-dark: mix(#000, $silent-twilight, 20%);
.element {
color: $silent-twilight;
box-shadow: 0 0 0 2px rgba($silent-twilight, 0.35);
}