最接近的命名颜色 · #008351
#008351
最接近的命名颜色: Bold Irish
#008351（rgb(0 131 81)、hsl(157 100% 26%)、oklch(0.537 0.125 158.1)）最接近命名颜色 Bold Irish。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#008351
oklch(0.537 0.125 158.1)
颜色转换
- HEX
- #008351
- RGB
- rgb(0 131 81)
- HSL
- hsl(157 100% 26%)
- HWB
- hwb(157 0% 49%)
- OKLCH
- oklch(0.537 0.125 158.1)
- OKLab
- oklab(0.537 -0.116 0.047)
- CIE Lab
- lab(47.97 -41.45 18.11)
- LCH
- lch(47.97 45.24 156.4)
- CMYK
- cmyk(100% 0% 38% 49%)
浅色调 · 深色调 · 灰色调
浅色调
- 328F61
- 4E9B72
- 66A883
- 7DB494
- 93C0A5
- A8CDB6
- BED9C8
- D3E6DA
- E9F2EC
深色调
- 007145
- 00603A
- 004F2F
- 003F24
- 002F1A
- 002010
- 001207
- 000602
- 000100
灰色调
- 238356
- 34835B
- 418360
- 4D8364
- 578269
- 60826E
- 688272
- 718177
- 78817B
配色和谐
互补色 +180°
- 008351
Bold Irish
- 9B4E87
≈ Plum Passion
类似色 -30° +30°
- 008351
Bold Irish
- 587B1E
≈ Master Chief
- 007F78
≈ Coelia Greenshade
三角配色 +120° +240°
- 008351
Bold Irish
- 5E64B5
≈ Bluish Purple Anemone
- A95033
≈ Suzume Brown
分裂互补色 +150° +210°
- 008351
Bold Irish
- 8257A5
≈ Highlighter Lavender
- A94A60
≈ Hippie Pink
四角配色 +90° +180° +270°
- 008351
Bold Irish
- 2472B3
≈ Post It
- 9B4E87
≈ Plum Passion
- 9A5F00
≈ Raw Sienna
对比度与无障碍
Ag
AA白底
WCAG 4.81:1 · APCA Lc 73
Ag
Fail黑底
WCAG 4.36:1 · APCA Lc 29
最佳文字颜色: #FFFFFF
WCAG 4.81:1 (AA) · APCA Lc 73
Contrast pairs
代码片段
CSS
:root {
--bold-irish: #008351;
--bold-irish-rgb: 0 131 81;
--bold-irish-oklch: oklch(0.537 0.125 158.1);
}
.element {
color: var(--bold-irish);
background-color: hsl(157 100% 26%);
border-color: oklch(0.537 0.125 158.1);
}Tailwind CSS v4
@theme {
--color-bold-irish: #008351;
--color-bold-irish-50: #d7ffe9;
--color-bold-irish-100: #c4f5da;
--color-bold-irish-200: #a5e5c2;
--color-bold-irish-300: #7bcba1;
--color-bold-irish-400: #54b582;
--color-bold-irish-500: #1a9e65;
--color-bold-irish-600: #1c8656;
--color-bold-irish-700: #176b45;
--color-bold-irish-800: #124f2f;
--color-bold-irish-900: #0b3720;
--color-bold-irish-950: #002210;
}SCSS
$bold-irish: #008351;
$bold-irish-rgb: 0, 131, 81;
$bold-irish-light: mix(#fff, $bold-irish, 20%);
$bold-irish-dark: mix(#000, $bold-irish, 20%);
.element {
color: $bold-irish;
box-shadow: 0 0 0 2px rgba($bold-irish, 0.35);
}