最接近的命名颜色 · #004B4B
#004B4B
最接近的命名颜色: Tropical Forest
#004B4B（rgb(0 75 75)、hsl(180 100% 15%)、oklch(0.374 0.064 194.8)）最接近命名颜色 Tropical Forest。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#004B4B
oklch(0.374 0.064 194.8)
颜色转换
- HEX
- #004b4b
- RGB
- rgb(0 75 75)
- HSL
- hsl(180 100% 15%)
- HWB
- hwb(180 0% 71%)
- OKLCH
- oklch(0.374 0.064 194.8)
- OKLab
- oklab(0.374 -0.062 -0.016)
- CIE Lab
- lab(28.04 -20.91 -6.18)
- LCH
- lch(28.04 21.81 196.5)
- CMYK
- cmyk(100% 0% 0% 71%)
浅色调 · 深色调 · 灰色调
浅色调
- 255B5B
- 3E6C6C
- 557D7D
- 6D8F8E
- 84A1A0
- 9CB3B3
- B4C6C5
- CDD9D8
- E6ECEB
深色调
- 004040
- 003535
- 002B2B
- 002121
- 001717
- 000E0E
- 000606
- 000202
- 000000
灰色调
- 185050
- 275655
- 345B5A
- 3F6060
- 4A6565
- 556B6A
- 607070
- 6B7575
- 757B7B
配色和谐
互补色 +180°
- 004B4B
Tropical Forest
- 5E3236
≈ Rampant Rhubarb
类似色 -30° +30°
- 004B4B
Tropical Forest
- 194B38
≈ County Green
- 0F485A
≈ Sultan’s Silk
三角配色 +120° +240°
- 004B4B
Tropical Forest
- 4D3658
≈ Blackberry Cordial
- 543B15
≈ Pineapple
分裂互补色 +150° +210°
- 004B4B
Tropical Forest
- 593249
≈ Italian Plum
- 5D3523
≈ Chubby Chocolate
四角配色 +90° +180° +270°
- 004B4B
Tropical Forest
- 3D3C61
≈ Patriot Blue
- 5E3236
≈ Rampant Rhubarb
- 464216
≈ Alligator Gladiator
对比度与无障碍
Ag
AAA白底
WCAG 9.96:1 · APCA Lc 93
Ag
Fail黑底
WCAG 2.10:1 · APCA Lc 10
最佳文字颜色: #FFFFFF
WCAG 9.96:1 (AAA) · APCA Lc 93
Contrast pairs
代码片段
CSS
:root {
--tropical-forest: #004b4b;
--tropical-forest-rgb: 0 75 75;
--tropical-forest-oklch: oklch(0.374 0.064 194.8);
}
.element {
color: var(--tropical-forest);
background-color: hsl(180 100% 15%);
border-color: oklch(0.374 0.064 194.8);
}Tailwind CSS v4
@theme {
--color-tropical-forest: #004b4b;
--color-tropical-forest-50: #e1fbfb;
--color-tropical-forest-100: #d0efef;
--color-tropical-forest-200: #b6dddd;
--color-tropical-forest-300: #91c2c2;
--color-tropical-forest-400: #70abaa;
--color-tropical-forest-500: #4e9493;
--color-tropical-forest-600: #437d7c;
--color-tropical-forest-700: #356464;
--color-tropical-forest-800: #264948;
--color-tropical-forest-900: #193332;
--color-tropical-forest-950: #091f1e;
}SCSS
$tropical-forest: #004b4b;
$tropical-forest-rgb: 0, 75, 75;
$tropical-forest-light: mix(#fff, $tropical-forest, 20%);
$tropical-forest-dark: mix(#000, $tropical-forest, 20%);
.element {
color: $tropical-forest;
box-shadow: 0 0 0 2px rgba($tropical-forest, 0.35);
}