最接近的命名颜色 · #365C52
#365C52
最接近的命名颜色: Iridescent
#365C52（rgb(54 92 82)、hsl(164 26% 29%)、oklch(0.443 0.047 175.4)）最接近命名颜色 Iridescent。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#365C52
oklch(0.443 0.047 175.4)
颜色转换
- HEX
- #365c52
- RGB
- rgb(54 92 82)
- HSL
- hsl(164 26% 29%)
- HWB
- hwb(164 21% 64%)
- OKLCH
- oklch(0.443 0.047 175.4)
- OKLab
- oklab(0.443 -0.047 0.004)
- CIE Lab
- lab(35.99 -16.15 1.28)
- LCH
- lch(35.99 16.2 175.5)
- CMYK
- cmyk(41% 0% 11% 64%)
浅色调 · 深色调 · 灰色调
浅色调
- 496B62
- 5C7A72
- 6F8A82
- 839A93
- 97AAA4
- ABBBB6
- BFCBC8
- D4DCDA
- E9EEEC
深色调
- 2E4F46
- 25423B
- 1E362F
- 162A25
- 0F1F1A
- 081411
- 030A08
- 010302
- 000000
灰色调
- 3E6056
- 46635B
- 4D675F
- 546A64
- 5C6E69
- 63726D
- 6A7572
- 727977
- 797C7B
配色和谐
互补色 +180°
- 365C52
Iridescent
- 694954
≈ Mixed Berry Jam
类似色 -30° +30°
- 365C52
Iridescent
- 435A44
≈ Grey Asparagus
- 325B60
≈ Arctic Nights
三角配色 +120° +240°
- 365C52
Iridescent
- 554E6B
≈ Crowning
- 684D3A
≈ Radigan Conagher Brown
分裂互补色 +150° +210°
- 365C52
Iridescent
- 614A62
≈ Vivid Vision
- 6B4946
≈ Painite
四角配色 +90° +180° +270°
- 365C52
Iridescent
- 47536E
≈ East Bay
- 694954
≈ Mixed Berry Jam
- 5F5235
≈ Marsh
对比度与无障碍
Ag
AAA白底
WCAG 7.47:1 · APCA Lc 86
Ag
Fail黑底
WCAG 2.80:1 · APCA Lc 16
最佳文字颜色: #FFFFFF
WCAG 7.47:1 (AAA) · APCA Lc 86
Contrast pairs
代码片段
CSS
:root {
--iridescent: #365c52;
--iridescent-rgb: 54 92 82;
--iridescent-oklch: oklch(0.443 0.047 175.4);
}
.element {
color: var(--iridescent);
background-color: hsl(164 26% 29%);
border-color: oklch(0.443 0.047 175.4);
}Tailwind CSS v4
@theme {
--color-iridescent: #365c52;
--color-iridescent-50: #e8faf5;
--color-iridescent-100: #d8ede8;
--color-iridescent-200: #c0dbd4;
--color-iridescent-300: #9fc0b7;
--color-iridescent-400: #82a89d;
--color-iridescent-500: #659185;
--color-iridescent-600: #567a70;
--color-iridescent-700: #44625a;
--color-iridescent-800: #314841;
--color-iridescent-900: #22322d;
--color-iridescent-950: #111e1a;
}SCSS
$iridescent: #365c52;
$iridescent-rgb: 54, 92, 82;
$iridescent-light: mix(#fff, $iridescent, 20%);
$iridescent-dark: mix(#000, $iridescent, 20%);
.element {
color: $iridescent;
box-shadow: 0 0 0 2px rgba($iridescent, 0.35);
}