最接近的命名颜色 · #00754A
#00754A
最接近的命名颜色: Succulents
#00754A（rgb(0 117 74)、hsl(158 100% 23%)、oklch(0.496 0.114 159.3)）最接近命名颜色 Succulents。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#00754A
oklch(0.496 0.114 159.3)
颜色转换
- HEX
- #00754a
- RGB
- rgb(0 117 74)
- HSL
- hsl(158 100% 23%)
- HWB
- hwb(158 0% 54%)
- OKLCH
- oklch(0.496 0.114 159.3)
- OKLab
- oklab(0.496 -0.106 0.04)
- CIE Lab
- lab(43.01 -37.85 15.5)
- LCH
- lch(43.01 40.9 157.7)
- CMYK
- cmyk(100% 0% 37% 54%)
浅色调 · 深色调 · 灰色调
浅色调
- 2F825B
- 4A906C
- 629D7D
- 79AB8F
- 8FB9A1
- A5C7B3
- BBD5C5
- D2E3D8
- E8F1EC
深色调
- 00653F
- 005535
- 00462A
- 003720
- 002917
- 001C0E
- 000F06
- 000502
- 000100
灰色调
- 20764F
- 317855
- 3E795A
- 497A60
- 547B65
- 5D7C6A
- 667D70
- 6F7E75
- 787F7B
配色和谐
互补色 +180°
- 00754A
Succulents
- 8B4677
≈ Purple Peril
类似色 -30° +30°
- 00754A
Succulents
- 4D6E1E
≈ Over the Hills
- 00716C
≈ Pine Scented Lagoon
三角配色 +120° +240°
- 00754A
Succulents
- 5559A1
≈ Purple Frenzy
- 97482D
≈ Fluorescent Fire
分裂互补色 +150° +210°
- 00754A
Succulents
- 754E92
≈ Parfait d’Amour
- 974354
≈ Raspberry Pudding
四角配色 +90° +180° +270°
- 00754A
Succulents
- 24659F
≈ Distant Blue
- 8B4677
≈ Purple Peril
- 895500
≈ Spear Shaft
对比度与无障碍
Ag
AA白底
WCAG 5.76:1 · APCA Lc 78
Ag
Fail黑底
WCAG 3.64:1 · APCA Lc 24
最佳文字颜色: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 78
Contrast pairs
代码片段
CSS
:root {
--succulents: #00754a;
--succulents-rgb: 0 117 74;
--succulents-oklch: oklch(0.496 0.114 159.3);
}
.element {
color: var(--succulents);
background-color: hsl(158 100% 23%);
border-color: oklch(0.496 0.114 159.3);
}Tailwind CSS v4
@theme {
--color-succulents: #00754a;
--color-succulents-50: #daffeb;
--color-succulents-100: #c7f4dc;
--color-succulents-200: #a9e4c5;
--color-succulents-300: #81caa5;
--color-succulents-400: #5cb386;
--color-succulents-500: #2e9d6a;
--color-succulents-600: #2a845a;
--color-succulents-700: #216a48;
--color-succulents-800: #194e32;
--color-succulents-900: #103622;
--color-succulents-950: #022111;
}SCSS
$succulents: #00754a;
$succulents-rgb: 0, 117, 74;
$succulents-light: mix(#fff, $succulents, 20%);
$succulents-dark: mix(#000, $succulents, 20%);
.element {
color: $succulents;
box-shadow: 0 0 0 2px rgba($succulents, 0.35);
}