Nazwany kolor · #0F1039
Grim Reaper
Grim Reaper to #0F1039: rgb(15 16 57), hsl(239 58% 14%), oklch(0.203 0.078 276). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Grim Reaper color name →
#0F1039
oklch(0.203 0.078 276)
Konwersje koloru
- HEX
- #0f1039
- RGB
- rgb(15 16 57)
- HSL
- hsl(239 58% 14%)
- HWB
- hwb(239 6% 78%)
- OKLCH
- oklch(0.203 0.078 276)
- OKLab
- oklab(0.203 0.008 -0.077)
- CIE Lab
- lab(6.56 11.57 -27.21)
- LCH
- lch(6.56 29.57 293)
- CMYK
- cmyk(74% 72% 0% 78%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 21254C
- 353B5E
- 4B5171
- 626885
- 7A7F98
- 9398AC
- ADB0C1
- C8CAD5
- E3E4EA
Odcienie ciemniejsze
- 0B0C30
- 080928
- 05061F
- 030417
- 020210
- 010109
- 000004
- 000001
- 000000
Tony
- 181B40
- 212648
- 2C314F
- 373C56
- 42475D
- 4E5264
- 5A5D6B
- 666972
- 737479
Harmonie kolorów
Komplementarna +180°
- 0F1039
Grim Reaper
- 1D1600
≈ Noir Mystique
Analogowa -30° +30°
- 0F1039
Grim Reaper
- 00182D
≈ Oxford by Night
- 200932
≈ Middle Red Purple
Triada +120° +240°
- 0F1039
Grim Reaper
- 2F0600
≈ 3AM Breakup
- 001D0D
≈ Clock Chimes Thirteen
Komplementarna rozszczepiona +150° +210°
- 0F1039
Grim Reaper
- 241200
≈ Super Black
- 111B00
≈ Pinch of Pepper
Tetrada +90° +180° +270°
- 0F1039
Grim Reaper
- 310211
≈ Ilvaite Black
- 1D1600
≈ Noir Mystique
- 001C19
≈ Black Stallion
Kontrast i dostępność
Ag
AAANa bieli
WCAG 18.20:1 · APCA Lc 105
Ag
FailNa czerni
WCAG 1.15:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 18.20:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmenty kodu
CSS
:root {
--grim-reaper: #0f1039;
--grim-reaper-rgb: 15 16 57;
--grim-reaper-oklch: oklch(0.203 0.078 276);
}
.element {
color: var(--grim-reaper);
background-color: hsl(239 58% 14%);
border-color: oklch(0.203 0.078 276);
}Tailwind CSS v4
@theme {
--color-grim-reaper: #0f1039;
--color-grim-reaper-50: #eff4ff;
--color-grim-reaper-100: #e1e6ff;
--color-grim-reaper-200: #ccd2f6;
--color-grim-reaper-300: #adb4df;
--color-grim-reaper-400: #919bcd;
--color-grim-reaper-500: #7882ba;
--color-grim-reaper-600: #666e9d;
--color-grim-reaper-700: #51587e;
--color-grim-reaper-800: #3a405d;
--color-grim-reaper-900: #282c41;
--color-grim-reaper-950: #16192a;
}SCSS
$grim-reaper: #0f1039;
$grim-reaper-rgb: 15, 16, 57;
$grim-reaper-light: mix(#fff, $grim-reaper, 20%);
$grim-reaper-dark: mix(#000, $grim-reaper, 20%);
.element {
color: $grim-reaper;
box-shadow: 0 0 0 2px rgba($grim-reaper, 0.35);
}