最接近的命名颜色 · #005155
#005155
最接近的命名颜色: Deep Sea Diver
#005155（rgb(0 81 85)、hsl(183 100% 17%)、oklch(0.395 0.067 200.6)）最接近命名颜色 Deep Sea Diver。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#005155
oklch(0.395 0.067 200.6)
颜色转换
- HEX
- #005155
- RGB
- rgb(0 81 85)
- HSL
- hsl(183 100% 17%)
- HWB
- hwb(183 0% 67%)
- OKLCH
- oklch(0.395 0.067 200.6)
- OKLab
- oklab(0.395 -0.063 -0.024)
- CIE Lab
- lab(30.52 -20.92 -8.86)
- LCH
- lch(30.52 22.71 202.9)
- CMYK
- cmyk(100% 5% 0% 67%)
浅色调 · 深色调 · 灰色调
浅色调
- 266164
- 407174
- 588285
- 6F9395
- 86A4A6
- 9EB6B7
- B5C8C9
- CEDADB
- E6ECED
深色调
- 004549
- 003A3D
- 002F31
- 002426
- 001A1C
- 001011
- 000708
- 000202
- 000000
灰色调
- 195659
- 295A5D
- 355F62
- 416466
- 4C696A
- 576D6F
- 617273
- 6B7777
- 767B7C
配色和谐
互补色 +180°
- 005155
Deep Sea Diver
- 663737
≈ Andorra
类似色 -30° +30°
- 005155
Deep Sea Diver
- 165241
≈ Tetsu Green
- 174D64
≈ Lazurite Blue
三角配色 +120° +240°
- 005155
Deep Sea Diver
- 573A5D
≈ Purpurite Violet
- 594216
≈ Smoked Oak Brown
分裂互补色 +150° +210°
- 005155
Deep Sea Diver
- 62374B
≈ Liqueur Red
- 633B23
≈ Cassiterite Brown
四角配色 +90° +180° +270°
- 005155
Deep Sea Diver
- 464068
≈ Evening Mauve
- 663737
≈ Andorra
- 484A1B
≈ Bronze Tone
对比度与无障碍
Ag
AAA白底
WCAG 9.09:1 · APCA Lc 90
Ag
Fail黑底
WCAG 2.30:1 · APCA Lc 12
最佳文字颜色: #FFFFFF
WCAG 9.09:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--deep-sea-diver: #005155;
--deep-sea-diver-rgb: 0 81 85;
--deep-sea-diver-oklch: oklch(0.395 0.067 200.6);
}
.element {
color: var(--deep-sea-diver);
background-color: hsl(183 100% 17%);
border-color: oklch(0.395 0.067 200.6);
}Tailwind CSS v4
@theme {
--color-deep-sea-diver: #005155;
--color-deep-sea-diver-50: #e0fbfe;
--color-deep-sea-diver-100: #cfeff2;
--color-deep-sea-diver-200: #b4dde1;
--color-deep-sea-diver-300: #8fc2c6;
--color-deep-sea-diver-400: #6dabae;
--color-deep-sea-diver-500: #4a9498;
--color-deep-sea-diver-600: #3f7d81;
--color-deep-sea-diver-700: #326467;
--color-deep-sea-diver-800: #234a4b;
--color-deep-sea-diver-900: #173334;
--color-deep-sea-diver-950: #081f1f;
}SCSS
$deep-sea-diver: #005155;
$deep-sea-diver-rgb: 0, 81, 85;
$deep-sea-diver-light: mix(#fff, $deep-sea-diver, 20%);
$deep-sea-diver-dark: mix(#000, $deep-sea-diver, 20%);
.element {
color: $deep-sea-diver;
box-shadow: 0 0 0 2px rgba($deep-sea-diver, 0.35);
}