最接近的命名颜色 · #74873C
#74873C
最接近的命名颜色: Pesto di Rucola
#74873C（rgb(116 135 60)、hsl(75 38% 38%)、oklch(0.591 0.103 121.5)）最接近命名颜色 Pesto di Rucola。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#74873C
oklch(0.591 0.103 121.5)
颜色转换
- HEX
- #74873c
- RGB
- rgb(116 135 60)
- HSL
- hsl(75 38% 38%)
- HWB
- hwb(75 24% 47%)
- OKLCH
- oklch(0.591 0.103 121.5)
- OKLab
- oklab(0.591 -0.054 0.088)
- CIE Lab
- lab(53.52 -16.08 37.22)
- LCH
- lch(53.52 40.55 113.4)
- CMYK
- cmyk(14% 0% 56% 47%)
浅色调 · 深色调 · 灰色调
浅色调
- 819351
- 8E9E64
- 9BAA77
- A9B68A
- B7C29D
- C5CEB1
- D3DAC4
- E2E6D7
- F0F3EB
深色调
- 647533
- 54632A
- 455121
- 374119
- 293111
- 1B210A
- 0F1304
- 050601
- 010100
灰色调
- 758645
- 76864D
- 778554
- 79855B
- 7A8462
- 7B8368
- 7C836E
- 7D8274
- 7F817A
配色和谐
互补色 +180°
- 74873C
Pesto di Rucola
- 896EB1
≈ Fairy Wren
类似色 -30° +30°
- 74873C
Pesto di Rucola
- 947B29
≈ Fernweh
- 4A8F5E
≈ Middle Green
三角配色 +120° +240°
- 74873C
Pesto di Rucola
- 3D85B5
≈ Curious Blue
- B06279
≈ Apple II Rose
分裂互补色 +150° +210°
- 74873C
Pesto di Rucola
- 6779BB
≈ Ultramarine Blue
- A16699
≈ Mauve Memento
四角配色 +90° +180° +270°
- 74873C
Pesto di Rucola
- 008DA1
≈ Parrot Flight
- 896EB1
≈ Fairy Wren
- B36557
≈ Chimayo Red
对比度与无障碍
Ag
Fail白底
WCAG 3.98:1 · APCA Lc 67
Ag
AA黑底
WCAG 5.27:1 · APCA Lc 35
最佳文字颜色: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
代码片段
CSS
:root {
--pesto-di-rucola: #74873c;
--pesto-di-rucola-rgb: 116 135 60;
--pesto-di-rucola-oklch: oklch(0.591 0.103 121.5);
}
.element {
color: var(--pesto-di-rucola);
background-color: hsl(75 38% 38%);
border-color: oklch(0.591 0.103 121.5);
}Tailwind CSS v4
@theme {
--color-pesto-di-rucola: #74873c;
--color-pesto-di-rucola-50: #effbda;
--color-pesto-di-rucola-100: #e1eec9;
--color-pesto-di-rucola-200: #cbdcac;
--color-pesto-di-rucola-300: #adc186;
--color-pesto-di-rucola-400: #95a861;
--color-pesto-di-rucola-500: #7b903c;
--color-pesto-di-rucola-600: #697a34;
--color-pesto-di-rucola-700: #546229;
--color-pesto-di-rucola-800: #3e471b;
--color-pesto-di-rucola-900: #2b3111;
--color-pesto-di-rucola-950: #181d04;
}SCSS
$pesto-di-rucola: #74873c;
$pesto-di-rucola-rgb: 116, 135, 60;
$pesto-di-rucola-light: mix(#fff, $pesto-di-rucola, 20%);
$pesto-di-rucola-dark: mix(#000, $pesto-di-rucola, 20%);
.element {
color: $pesto-di-rucola;
box-shadow: 0 0 0 2px rgba($pesto-di-rucola, 0.35);
}