最接近的命名颜色 · #006256
#006256
最接近的命名颜色: Philodendron
#006256（rgb(0 98 86)、hsl(173 100% 19%)、oklch(0.445 0.08 180.7)）最接近命名颜色 Philodendron。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#006256
oklch(0.445 0.08 180.7)
颜色转换
- HEX
- #006256
- RGB
- rgb(0 98 86)
- HSL
- hsl(173 100% 19%)
- HWB
- hwb(173 0% 62%)
- OKLCH
- oklch(0.445 0.08 180.7)
- OKLab
- oklab(0.445 -0.08 -0.001)
- CIE Lab
- lab(36.59 -28.17 -0.55)
- LCH
- lch(36.59 28.18 181.1)
- CMYK
- cmyk(100% 0% 12% 62%)
浅色调 · 深色调 · 灰色调
浅色调
- 2B7165
- 458075
- 5D8F85
- 749E96
- 8BAEA6
- A1BEB8
- B8CEC9
- D0DEDB
- E7EEED
深色调
- 00544A
- 00473E
- 003A32
- 002D27
- 00211C
- 001612
- 000B08
- 000302
- 000000
灰色调
- 1D655A
- 2D685E
- 3A6B62
- 456E66
- 50716B
- 5A746F
- 647773
- 6D7A77
- 777D7C
配色和谐
互补色 +180°
- 006256
Philodendron
- 784051
≈ Red Jade
类似色 -30° +30°
- 006256
Philodendron
- 2F603C
≈ Espalier
- 005F6C
≈ Shaded Spruce
三角配色 +120° +240°
- 006256
Philodendron
- 5B4979
≈ Saffron Crocus
- 744821
≈ Vintage Wood
分裂互补色 +150° +210°
- 006256
Philodendron
- 6D4368
≈ Sultana
- 7A4238
≈ Aged Teak
四角配色 +90° +180° +270°
- 006256
Philodendron
- 435180
≈ Blue Jewel
- 784051
≈ Red Jade
- 655215
≈ Olive Brown
对比度与无障碍
Ag
AAA白底
WCAG 7.28:1 · APCA Lc 85
Ag
Fail黑底
WCAG 2.88:1 · APCA Lc 17
最佳文字颜色: #FFFFFF
WCAG 7.28:1 (AAA) · APCA Lc 85
Contrast pairs
代码片段
CSS
:root {
--philodendron: #006256;
--philodendron-rgb: 0 98 86;
--philodendron-oklch: oklch(0.445 0.08 180.7);
}
.element {
color: var(--philodendron);
background-color: hsl(173 100% 19%);
border-color: oklch(0.445 0.08 180.7);
}Tailwind CSS v4
@theme {
--color-philodendron: #006256;
--color-philodendron-50: #ddfdf7;
--color-philodendron-100: #ccf1ea;
--color-philodendron-200: #afe0d7;
--color-philodendron-300: #89c5bb;
--color-philodendron-400: #65aea1;
--color-philodendron-500: #3e9889;
--color-philodendron-600: #368074;
--color-philodendron-700: #2b675d;
--color-philodendron-800: #1e4b43;
--color-philodendron-900: #14342e;
--color-philodendron-950: #05201b;
}SCSS
$philodendron: #006256;
$philodendron-rgb: 0, 98, 86;
$philodendron-light: mix(#fff, $philodendron, 20%);
$philodendron-dark: mix(#000, $philodendron, 20%);
.element {
color: $philodendron;
box-shadow: 0 0 0 2px rgba($philodendron, 0.35);
}