Màu có tên gần nhất · #403F60
#403F60
Màu có tên gần nhất: Storm Is Coming
#403F60 (rgb(64 63 96), hsl(242 21% 31%), oklch(0.384 0.056 284.8)) gần nhất với màu có tên Storm Is Coming. 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.
#403F60
oklch(0.384 0.056 284.8)
Chuyển đổi màu
- HEX
- #403f60
- RGB
- rgb(64 63 96)
- HSL
- hsl(242 21% 31%)
- HWB
- hwb(242 25% 62%)
- OKLCH
- oklch(0.384 0.056 284.8)
- OKLab
- oklab(0.384 0.014 -0.054)
- CIE Lab
- lab(27.88 7.03 -19.57)
- LCH
- lch(27.88 20.8 289.8)
- CMYK
- cmyk(33% 34% 0% 62%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 51506F
- 62627E
- 74748E
- 86879D
- 9A9AAD
- ADADBD
- C1C1CD
- D5D5DE
- EAEAEE
Sắc đậm
- 363552
- 2D2C45
- 242338
- 1B1B2C
- 131220
- 0B0A15
- 05040A
- 010103
- 000000
Sắc xám
- 464563
- 4C4C67
- 52526A
- 58596D
- 5F5F71
- 656574
- 6C6C77
- 72737A
- 79797D
Hòa sắc
Bổ túc +180°
- 403F60
Storm Is Coming
- 484520
≈ Uniform Green
Tương đồng -30° +30°
- 403F60
Storm Is Coming
- 2E4561
≈ Stay the Night
- 4E3A58
≈ Dark Blackberry
Bộ ba +120° +240°
- 403F60
Storm Is Coming
- 5C392A
≈ Cioccolato
- 234D3C
≈ Springbok Green
Bổ túc chia +150° +210°
- 403F60
Storm Is Coming
- 553F1F
≈ Clove Yellow Brown
- 364A2B
≈ Nettle Green
Bộ bốn +90° +180° +270°
- 403F60
Storm Is Coming
- 5D373A
≈ Warmed Wine
- 484520
≈ Uniform Green
- 164C4C
≈ Port Malmesbury
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.00:1 · APCA Lc 93
Ag
FailTrên nền đen
WCAG 2.09:1 · APCA Lc 9
Màu chữ tốt nhất: #FFFFFF
WCAG 10.00:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--storm-is-coming: #403f60;
--storm-is-coming-rgb: 64 63 96;
--storm-is-coming-oklch: oklch(0.384 0.056 284.8);
}
.element {
color: var(--storm-is-coming);
background-color: hsl(242 21% 31%);
border-color: oklch(0.384 0.056 284.8);
}Tailwind CSS v4
@theme {
--color-storm-is-coming: #403f60;
--color-storm-is-coming-50: #f3f3ff;
--color-storm-is-coming-100: #e6e6fa;
--color-storm-is-coming-200: #d2d1ec;
--color-storm-is-coming-300: #b5b4d3;
--color-storm-is-coming-400: #9a9abf;
--color-storm-is-coming-500: #8281aa;
--color-storm-is-coming-600: #6e6e90;
--color-storm-is-coming-700: #585873;
--color-storm-is-coming-800: #3f4055;
--color-storm-is-coming-900: #2c2c3c;
--color-storm-is-coming-950: #191925;
}SCSS
$storm-is-coming: #403f60;
$storm-is-coming-rgb: 64, 63, 96;
$storm-is-coming-light: mix(#fff, $storm-is-coming, 20%);
$storm-is-coming-dark: mix(#000, $storm-is-coming, 20%);
.element {
color: $storm-is-coming;
box-shadow: 0 0 0 2px rgba($storm-is-coming, 0.35);
}