最接近的命名颜色 · #2F3571
#2F3571
最接近的命名颜色: Good Karma
#2F3571（rgb(47 53 113)、hsl(235 41% 31%)、oklch(0.358 0.102 275.7)）最接近命名颜色 Good Karma。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#2F3571
oklch(0.358 0.102 275.7)
颜色转换
- HEX
- #2f3571
- RGB
- rgb(47 53 113)
- HSL
- hsl(235 41% 31%)
- HWB
- hwb(235 18% 56%)
- OKLCH
- oklch(0.358 0.102 275.7)
- OKLab
- oklab(0.358 0.01 -0.102)
- CIE Lab
- lab(24.28 12.51 -36.25)
- LCH
- lch(24.28 38.35 289)
- CMYK
- cmyk(58% 53% 0% 56%)
浅色调 · 深色调 · 灰色调
浅色调
- 40487F
- 535B8E
- 666E9C
- 7A82AA
- 8F96B8
- A4AAC6
- BABFD4
- D1D4E3
- E8E9F1
深色调
- 272D61
- 202552
- 191D43
- 121535
- 0C0E27
- 06081A
- 03030E
- 010104
- 000001
灰色调
- 363D73
- 3D4575
- 454C77
- 4D5479
- 555B7A
- 5D637C
- 666A7D
- 6E717E
- 77797F
配色和谐
互补色 +180°
- 2F3571
Good Karma
- 483C00
≈ Xanthophobia
类似色 -30° +30°
- 2F3571
Good Karma
- 004069
≈ Dark Imperial Blue
- 4A2B66
≈ Violet Indigo
三角配色 +120° +240°
- 2F3571
Good Karma
- 672311
≈ Brown Moelleux
- 004A28
≈ Alaskan Moss
分裂互补色 +150° +210°
- 2F3571
Good Karma
- 583200
≈ Eyelash Camel
- 314400
≈ Garden Shadow
四角配色 +90° +180° +270°
- 2F3571
Good Karma
- 662035
≈ Wine Country
- 483C00
≈ Xanthophobia
- 004741
≈ Tropical Forest
对比度与无障碍
Ag
AAA白底
WCAG 11.23:1 · APCA Lc 96
Ag
Fail黑底
WCAG 1.86:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 11.23:1 (AAA) · APCA Lc 96
Contrast pairs
代码片段
CSS
:root {
--good-karma: #2f3571;
--good-karma-rgb: 47 53 113;
--good-karma-oklch: oklch(0.358 0.102 275.7);
}
.element {
color: var(--good-karma);
background-color: hsl(235 41% 31%);
border-color: oklch(0.358 0.102 275.7);
}Tailwind CSS v4
@theme {
--color-good-karma: #2f3571;
--color-good-karma-50: #edf3ff;
--color-good-karma-100: #dfe5ff;
--color-good-karma-200: #c9d1ff;
--color-good-karma-300: #aab3ec;
--color-good-karma-400: #8d99db;
--color-good-karma-500: #747fc9;
--color-good-karma-600: #626caa;
--color-good-karma-700: #4e5689;
--color-good-karma-800: #373f66;
--color-good-karma-900: #262c47;
--color-good-karma-950: #14192f;
}SCSS
$good-karma: #2f3571;
$good-karma-rgb: 47, 53, 113;
$good-karma-light: mix(#fff, $good-karma, 20%);
$good-karma-dark: mix(#000, $good-karma, 20%);
.element {
color: $good-karma;
box-shadow: 0 0 0 2px rgba($good-karma, 0.35);
}