最接近的命名颜色 · #0E8A01
#0E8A01
最接近的命名颜色: Fine Pine
#0E8A01（rgb(14 138 1)、hsl(114 99% 27%)、oklch(0.55 0.185 142)）最接近命名颜色 Fine Pine。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#0E8A01
oklch(0.55 0.185 142)
颜色转换
- HEX
- #0e8a01
- RGB
- rgb(14 138 1)
- HSL
- hsl(114 99% 27%)
- HWB
- hwb(114 0% 46%)
- OKLCH
- oklch(0.55 0.185 142)
- OKLab
- oklab(0.55 -0.146 0.114)
- CIE Lab
- lab(49.88 -49.18 51.28)
- LCH
- lch(49.88 71.05 133.8)
- CMYK
- cmyk(90% 0% 99% 46%)
浅色调 · 深色调 · 灰色调
浅色调
- 37962F
- 51A24A
- 68AE61
- 7EB978
- 94C58E
- A9D1A5
- BFDCBB
- D4E8D1
- E9F4E8
深色调
- 0B7701
- 076501
- 055300
- 034200
- 023200
- 012200
- 001400
- 000700
- 000100
灰色调
- 288A20
- 388931
- 44883E
- 4F8849
- 588753
- 61865D
- 698466
- 71836F
- 798278
配色和谐
互补色 +180°
- 0E8A01
Fine Pine
- A142B0
≈ Akebi Purple
类似色 -30° +30°
- 0E8A01
Fine Pine
- 747800
≈ Mongolian Plateau
- 00856A
≈ Bosphorus
三角配色 +120° +240°
- 0E8A01
Fine Pine
- 306ADB
≈ Enchanting Sapphire
- C7323D
≈ Etruscan Red
分裂互补色 +150° +210°
- 0E8A01
Fine Pine
- 7755D2
≈ Astro Purple
- BC337D
≈ Very Berry
四角配色 +90° +180° +270°
- 0E8A01
Fine Pine
- 007CA7
≈ Celadon Blue
- A142B0
≈ Akebi Purple
- AF5400
≈ Tijolo
对比度与无障碍
Ag
AA白底
WCAG 4.51:1 · APCA Lc 71
Ag
AA黑底
WCAG 4.65:1 · APCA Lc 31
最佳文字颜色: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
代码片段
CSS
:root {
--fine-pine: #0e8a01;
--fine-pine-rgb: 14 138 1;
--fine-pine-oklch: oklch(0.55 0.185 142);
}
.element {
color: var(--fine-pine);
background-color: hsl(114 99% 27%);
border-color: oklch(0.55 0.185 142);
}Tailwind CSS v4
@theme {
--color-fine-pine: #0e8a01;
--color-fine-pine-50: #d6ffd4;
--color-fine-pine-100: #c3f9c1;
--color-fine-pine-200: #a3e9a2;
--color-fine-pine-300: #78d078;
--color-fine-pine-400: #54b84b;
--color-fine-pine-500: #1ca20f;
--color-fine-pine-600: #1c8913;
--color-fine-pine-700: #176e10;
--color-fine-pine-800: #155003;
--color-fine-pine-900: #0e3803;
--color-fine-pine-950: #012200;
}SCSS
$fine-pine: #0e8a01;
$fine-pine-rgb: 14, 138, 1;
$fine-pine-light: mix(#fff, $fine-pine, 20%);
$fine-pine-dark: mix(#000, $fine-pine, 20%);
.element {
color: $fine-pine;
box-shadow: 0 0 0 2px rgba($fine-pine, 0.35);
}