Màu có tên gần nhất · #351F4F
#351F4F
Màu có tên gần nhất: Stormy Night
#351F4F (rgb(53 31 79), hsl(268 44% 22%), oklch(0.294 0.086 302.6)) gần nhất với màu có tên Stormy Night. 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.
#351F4F
oklch(0.294 0.086 302.6)
Chuyển đổi màu
- HEX
- #351f4f
- RGB
- rgb(53 31 79)
- HSL
- hsl(268 44% 22%)
- HWB
- hwb(268 12% 69%)
- OKLCH
- oklch(0.294 0.086 302.6)
- OKLab
- oklab(0.294 0.046 -0.072)
- CIE Lab
- lab(16.74 19.54 -25.93)
- LCH
- lch(16.74 32.47 307)
- CMYK
- cmyk(33% 61% 0% 69%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 463360
- 594871
- 6B5D82
- 7F7293
- 9388A4
- A89FB6
- BDB6C8
- D2CEDA
- E9E6EC
Sắc đậm
- 2D1944
- 251438
- 1D0F2E
- 150A23
- 0E0619
- 080310
- 030107
- 010002
- 000000
Sắc xám
- 3C2954
- 433259
- 4A3C5F
- 514564
- 594F68
- 60586D
- 686272
- 706C77
- 78767B
Hòa sắc
Bổ túc +180°
- 351F4F
Stormy Night
- 263100
≈ Blind Forest
Tương đồng -30° +30°
- 351F4F
Stormy Night
- 1F2756
≈ Ultramarine Violet
- 44193F
≈ Velvet Cosmos
Bộ ba +120° +240°
- 351F4F
Stormy Night
- 432300
≈ Blackened Brown
- 00352E
≈ Fence Green
Bổ túc chia +150° +210°
- 351F4F
Stormy Night
- 372B00
≈ Secret Passage
- 003718
≈ Gameboy Contrast
Bộ bốn +90° +180° +270°
- 351F4F
Stormy Night
- 4F170D
≈ French Puce
- 263100
≈ Blind Forest
- 00333B
≈ Artist Blue
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 14.38:1 · APCA Lc 101
Ag
FailTrên nền đen
WCAG 1.46:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 14.38:1 (AAA) · APCA Lc 101
Contrast pairs
Đoạn mã
CSS
:root {
--stormy-night: #351f4f;
--stormy-night-rgb: 53 31 79;
--stormy-night-oklch: oklch(0.294 0.086 302.6);
}
.element {
color: var(--stormy-night);
background-color: hsl(268 44% 22%);
border-color: oklch(0.294 0.086 302.6);
}Tailwind CSS v4
@theme {
--color-stormy-night: #351f4f;
--color-stormy-night-50: #faf0ff;
--color-stormy-night-100: #eee1ff;
--color-stormy-night-200: #dcccf3;
--color-stormy-night-300: #c1addc;
--color-stormy-night-400: #a892c9;
--color-stormy-night-500: #9178b5;
--color-stormy-night-600: #7b6699;
--color-stormy-night-700: #62517b;
--color-stormy-night-800: #473b5c;
--color-stormy-night-900: #312940;
--color-stormy-night-950: #1d1629;
}SCSS
$stormy-night: #351f4f;
$stormy-night-rgb: 53, 31, 79;
$stormy-night-light: mix(#fff, $stormy-night, 20%);
$stormy-night-dark: mix(#000, $stormy-night, 20%);
.element {
color: $stormy-night;
box-shadow: 0 0 0 2px rgba($stormy-night, 0.35);
}