Màu có tên gần nhất · #313A5C
#313A5C
Màu có tên gần nhất: Mediaeval Blue
#313A5C (rgb(49 58 92), hsl(227 30% 28%), oklch(0.357 0.06 271.8)) gần nhất với màu có tên Mediaeval Blue. 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.
#313A5C
oklch(0.357 0.06 271.8)
Chuyển đổi màu
- HEX
- #313a5c
- RGB
- rgb(49 58 92)
- HSL
- hsl(227 30% 28%)
- HWB
- hwb(227 19% 64%)
- OKLCH
- oklch(0.357 0.06 271.8)
- OKLab
- oklab(0.357 0.002 -0.06)
- CIE Lab
- lab(24.84 3.96 -21.83)
- LCH
- lch(24.84 22.18 280.3)
- CMYK
- cmyk(47% 37% 0% 64%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 434C6B
- 555E7B
- 68708B
- 7C849B
- 9197AB
- A6ABBB
- BCC0CC
- D2D4DD
- E8E9EE
Sắc đậm
- 29314F
- 222842
- 1A2036
- 13182A
- 0C101F
- 060914
- 03040A
- 010103
- 000000
Sắc xám
- 384160
- 404864
- 474F67
- 4F556B
- 575C6F
- 5F6372
- 676B76
- 6F7279
- 78797D
Hòa sắc
Bổ túc +180°
- 313A5C
Mediaeval Blue
- 483B12
≈ Xanthophobia
Tương đồng -30° +30°
- 313A5C
Mediaeval Blue
- 1C4059
≈ Capital Blue
- 423457
≈ Naggaroth Night
Bộ ba +120° +240°
- 313A5C
Mediaeval Blue
- 583028
≈ Bratwurst
- 22452C
≈ Zucchini
Bổ túc chia +150° +210°
- 313A5C
Mediaeval Blue
- 533418
≈ Moelleux au Chocolat
- 37411B
≈ Ceylanite
Bộ bốn +90° +180° +270°
- 313A5C
Mediaeval Blue
- 562E3A
≈ Port Royale
- 483B12
≈ Xanthophobia
- 08463E
≈ MSU Green
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 11.10:1 · APCA Lc 96
Ag
FailTrên nền đen
WCAG 1.89:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 11.10:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--mediaeval-blue: #313a5c;
--mediaeval-blue-rgb: 49 58 92;
--mediaeval-blue-oklch: oklch(0.357 0.06 271.8);
}
.element {
color: var(--mediaeval-blue);
background-color: hsl(227 30% 28%);
border-color: oklch(0.357 0.06 271.8);
}Tailwind CSS v4
@theme {
--color-mediaeval-blue: #313a5c;
--color-mediaeval-blue-50: #eff4ff;
--color-mediaeval-blue-100: #e1e7fd;
--color-mediaeval-blue-200: #ccd3ef;
--color-mediaeval-blue-300: #adb6d7;
--color-mediaeval-blue-400: #919dc3;
--color-mediaeval-blue-500: #7884af;
--color-mediaeval-blue-600: #657094;
--color-mediaeval-blue-700: #515976;
--color-mediaeval-blue-800: #3a4258;
--color-mediaeval-blue-900: #282d3d;
--color-mediaeval-blue-950: #161a27;
}SCSS
$mediaeval-blue: #313a5c;
$mediaeval-blue-rgb: 49, 58, 92;
$mediaeval-blue-light: mix(#fff, $mediaeval-blue, 20%);
$mediaeval-blue-dark: mix(#000, $mediaeval-blue, 20%);
.element {
color: $mediaeval-blue;
box-shadow: 0 0 0 2px rgba($mediaeval-blue, 0.35);
}