Màu có tên gần nhất · #3F5897
#3F5897
Màu có tên gần nhất: Blasphemous Blue
#3F5897 (rgb(63 88 151), hsl(223 41% 42%), oklch(0.472 0.107 266.1)) gần nhất với màu có tên Blasphemous 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.
#3F5897
oklch(0.472 0.107 266.1)
Chuyển đổi màu
- HEX
- #3f5897
- RGB
- rgb(63 88 151)
- HSL
- hsl(223 41% 42%)
- HWB
- hwb(223 25% 41%)
- OKLCH
- oklch(0.472 0.107 266.1)
- OKLab
- oklab(0.472 -0.007 -0.106)
- CIE Lab
- lab(37.8 5.74 -38.1)
- LCH
- lch(37.8 38.53 278.6)
- CMYK
- cmyk(58% 42% 0% 41%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5068A2
- 6278AD
- 7488B7
- 8799C2
- 9AA9CC
- ADBAD6
- C1CBE1
- D6DCEB
- EAEEF5
Sắc đậm
- 354B83
- 2C3F6F
- 23335C
- 1B2849
- 121D37
- 0A1226
- 040917
- 010308
- 000001
Sắc xám
- 455C95
- 4C6193
- 526591
- 58698F
- 5F6D8D
- 66718B
- 6C7588
- 737986
- 797C83
Hòa sắc
Bổ túc +180°
- 3F5897
Blasphemous Blue
- 735600
≈ Pickled Grape Leaves
Tương đồng -30° +30°
- 3F5897
Blasphemous Blue
- 00638C
≈ Reservoir
- 614D90
≈ Purple Corallite
Bộ ba +120° +240°
- 3F5897
Blasphemous Blue
- 8E403A
≈ Carriage Red
- 2D6B34
≈ Radical Green
Bổ túc chia +150° +210°
- 3F5897
Blasphemous Blue
- 874911
≈ Brown Eyed Girl
- 596203
≈ Forestial Outpost
Bộ bốn +90° +180° +270°
- 3F5897
Blasphemous Blue
- 893F5D
≈ Ancient Royal Banner
- 735600
≈ Pickled Grape Leaves
- 006B5A
≈ Fresh Ivy Green
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.87:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 3.05:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 6.87:1 (AA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--blasphemous-blue: #3f5897;
--blasphemous-blue-rgb: 63 88 151;
--blasphemous-blue-oklch: oklch(0.472 0.107 266.1);
}
.element {
color: var(--blasphemous-blue);
background-color: hsl(223 41% 42%);
border-color: oklch(0.472 0.107 266.1);
}Tailwind CSS v4
@theme {
--color-blasphemous-blue: #3f5897;
--color-blasphemous-blue-50: #e8f5ff;
--color-blasphemous-blue-100: #d9e7ff;
--color-blasphemous-blue-200: #c1d3ff;
--color-blasphemous-blue-300: #a0b6ef;
--color-blasphemous-blue-400: #819dde;
--color-blasphemous-blue-500: #6583cd;
--color-blasphemous-blue-600: #566fad;
--color-blasphemous-blue-700: #44598b;
--color-blasphemous-blue-800: #2f4167;
--color-blasphemous-blue-900: #202d49;
--color-blasphemous-blue-950: #101a30;
}SCSS
$blasphemous-blue: #3f5897;
$blasphemous-blue-rgb: 63, 88, 151;
$blasphemous-blue-light: mix(#fff, $blasphemous-blue, 20%);
$blasphemous-blue-dark: mix(#000, $blasphemous-blue, 20%);
.element {
color: $blasphemous-blue;
box-shadow: 0 0 0 2px rgba($blasphemous-blue, 0.35);
}