最接近的命名颜色 · #409441
#409441
最接近的命名颜色: Kryptonite Green
#409441（rgb(64 148 65)、hsl(121 40% 42%)、oklch(0.595 0.145 143.7)）最接近命名颜色 Kryptonite Green。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#409441
oklch(0.595 0.145 143.7)
颜色转换
- HEX
- #409441
- RGB
- rgb(64 148 65)
- HSL
- hsl(121 40% 42%)
- HWB
- hwb(121 25% 42%)
- OKLCH
- oklch(0.595 0.145 143.7)
- OKLab
- oklab(0.595 -0.117 0.086)
- CIE Lab
- lab(54.75 -39.71 35.29)
- LCH
- lch(54.75 53.13 138.4)
- CMYK
- cmyk(57% 0% 56% 42%)
浅色调 · 深色调 · 灰色调
浅色调
- 559F55
- 69A968
- 7CB47A
- 8FBF8D
- A2CAA0
- B4D4B2
- C7DFC5
- D9EAD8
- ECF4EC
深色调
- 368037
- 2D6D2E
- 245A25
- 1B481C
- 133613
- 0B260B
- 051605
- 010801
- 000100
灰色调
- 499249
- 519150
- 588F57
- 5F8D5E
- 658B64
- 6B896A
- 71876F
- 768575
- 7B827B
配色和谐
互补色 +180°
- 409441
Kryptonite Green
- A85DAF
≈ Royalty Loyalty
类似色 -30° +30°
- 409441
Kryptonite Green
- 7F8700
≈ Elwynn Forest Olive
- 009479
≈ Pool Table
三角配色 +120° +240°
- 409441
Kryptonite Green
- 517BD4
≈ Serenity’s Reign
- C65653
≈ Fuzzy Wuzzy Brown
分裂互补色 +150° +210°
- 409441
Kryptonite Green
- 846BCC
≈ Lavish Spending
- BE5585
≈ Berry Boost
四角配色 +90° +180° +270°
- 409441
Kryptonite Green
- 008ABD
≈ Mermaid Dreams
- A85DAF
≈ Royalty Loyalty
- BF6210
≈ Monkey King
对比度与无障碍
Ag
Fail白底
WCAG 3.79:1 · APCA Lc 65
Ag
AA黑底
WCAG 5.53:1 · APCA Lc 36
最佳文字颜色: #000000
WCAG 5.53:1 (AA) · APCA Lc 36
Contrast pairs
代码片段
CSS
:root {
--kryptonite-green: #409441;
--kryptonite-green-rgb: 64 148 65;
--kryptonite-green-oklch: oklch(0.595 0.145 143.7);
}
.element {
color: var(--kryptonite-green);
background-color: hsl(121 40% 42%);
border-color: oklch(0.595 0.145 143.7);
}Tailwind CSS v4
@theme {
--color-kryptonite-green: #409441;
--color-kryptonite-green-50: #dcffdd;
--color-kryptonite-green-100: #caf6cb;
--color-kryptonite-green-200: #ade5af;
--color-kryptonite-green-300: #86cb8a;
--color-kryptonite-green-400: #65b464;
--color-kryptonite-green-500: #3e9e40;
--color-kryptonite-green-600: #368537;
--color-kryptonite-green-700: #2b6b2c;
--color-kryptonite-green-800: #214e1c;
--color-kryptonite-green-900: #163612;
--color-kryptonite-green-950: #072104;
}SCSS
$kryptonite-green: #409441;
$kryptonite-green-rgb: 64, 148, 65;
$kryptonite-green-light: mix(#fff, $kryptonite-green, 20%);
$kryptonite-green-dark: mix(#000, $kryptonite-green, 20%);
.element {
color: $kryptonite-green;
box-shadow: 0 0 0 2px rgba($kryptonite-green, 0.35);
}