Màu có tên gần nhất · #051C09
#051C09
Màu có tên gần nhất: Nightmare
#051C09 (rgb(5 28 9), hsl(130 70% 6%), oklch(0.202 0.047 147.6)) gần nhất với màu có tên Nightmare. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#051C09
oklch(0.202 0.047 147.6)
Chuyển đổi màu
- HEX
- #051c09
- RGB
- rgb(5 28 9)
- HSL
- hsl(130 70% 6%)
- HWB
- hwb(130 2% 89%)
- OKLCH
- oklch(0.202 0.047 147.6)
- OKLab
- oklab(0.202 -0.04 0.025)
- CIE Lab
- lab(7.97 -12.06 7.9)
- LCH
- lch(7.97 14.42 146.8)
- CMYK
- cmyk(82% 0% 68% 89%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 1A2F1D
- 304332
- 475848
- 5F6E60
- 778579
- 919C92
- ACB4AC
- C7CCC7
- E3E5E3
Sắc đậm
- 041707
- 031205
- 020D03
- 010802
- 010501
- 000201
- 000100
- 000000
- 000000
Sắc xám
- 102514
- 1C2E1E
- 283829
- 334235
- 404C41
- 4C564D
- 596059
- 656B66
- 737573
Hòa sắc
Bổ túc +180°
- 051C09
Nightmare
- 220E21
≈ Inside
Tương đồng -30° +30°
- 051C09
Nightmare
- 151900
≈ Pinch of Pepper
- 001C16
≈ Pinch of Pepper
Bộ ba +120° +240°
- 051C09
Nightmare
- 0D152C
≈ Liberty Blue
- 280D0A
≈ Root Brew
Bổ túc chia +150° +210°
- 051C09
Nightmare
- 191129
≈ Corbeau
- 270C16
≈ Italian Roast
Bộ bốn +90° +180° +270°
- 051C09
Nightmare
- 001928
≈ Creeping Death
- 220E21
≈ Inside
- 261000
≈ Super Black
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 17.84:1 · APCA Lc 104
Ag
FailTrên nền đen
WCAG 1.17:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 17.84:1 (AAA) · APCA Lc 104
Contrast pairs
Đoạn mã
CSS
:root {
--nightmare: #051c09;
--nightmare-rgb: 5 28 9;
--nightmare-oklch: oklch(0.202 0.047 147.6);
}
.element {
color: var(--nightmare);
background-color: hsl(130 70% 6%);
border-color: oklch(0.202 0.047 147.6);
}Tailwind CSS v4
@theme {
--color-nightmare: #051c09;
--color-nightmare-50: #ecf9ee;
--color-nightmare-100: #ddede0;
--color-nightmare-200: #c7daca;
--color-nightmare-300: #a7bfab;
--color-nightmare-400: #8ca78f;
--color-nightmare-500: #718f74;
--color-nightmare-600: #607963;
--color-nightmare-700: #4d614f;
--color-nightmare-800: #384739;
--color-nightmare-900: #263127;
--color-nightmare-950: #151d15;
}SCSS
$nightmare: #051c09;
$nightmare-rgb: 5, 28, 9;
$nightmare-light: mix(#fff, $nightmare, 20%);
$nightmare-dark: mix(#000, $nightmare, 20%);
.element {
color: $nightmare;
box-shadow: 0 0 0 2px rgba($nightmare, 0.35);
}