이름 색상 · #0F1039
Grim Reaper
Grim Reaper은(는) #0F1039: rgb(15 16 57), hsl(239 58% 14%), oklch(0.203 0.078 276). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Grim Reaper color name →
#0F1039
oklch(0.203 0.078 276)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 21254C
- 353B5E
- 4B5171
- 626885
- 7A7F98
- 9398AC
- ADB0C1
- C8CAD5
- E3E4EA
셰이드
- 0B0C30
- 080928
- 05061F
- 030417
- 020210
- 010109
- 000004
- 000001
- 000000
톤
- 181B40
- 212648
- 2C314F
- 373C56
- 42475D
- 4E5264
- 5A5D6B
- 666972
- 737479
색 조화
보색 +180°
- 0F1039
Grim Reaper
- 1D1600
≈ Noir Mystique
유사색 -30° +30°
- 0F1039
Grim Reaper
- 00182D
≈ Oxford by Night
- 200932
≈ Middle Red Purple
삼각 배색 +120° +240°
- 0F1039
Grim Reaper
- 2F0600
≈ 3AM Breakup
- 001D0D
≈ Clock Chimes Thirteen
분열 보색 +150° +210°
- 0F1039
Grim Reaper
- 241200
≈ Super Black
- 111B00
≈ Pinch of Pepper
사각 배색 +90° +180° +270°
- 0F1039
Grim Reaper
- 310211
≈ Ilvaite Black
- 1D1600
≈ Noir Mystique
- 001C19
≈ Black Stallion
대비 및 접근성
Ag
AAA흰색 위
WCAG 18.20:1 · APCA Lc 105
Ag
Fail검은색 위
WCAG 1.15:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 18.20:1 (AAA) · APCA Lc 105
Contrast pairs
코드 스니펫
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);
}