最接近的命名颜色 · #00273B
#00273B
最接近的命名颜色: Midnight Dreams
#00273B（rgb(0 39 59)、hsl(200 100% 12%)、oklch(0.258 0.056 236.7)）最接近命名颜色 Midnight Dreams。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#00273B
oklch(0.258 0.056 236.7)
颜色转换
- HEX
- #00273b
- RGB
- rgb(0 39 59)
- HSL
- hsl(200 100% 12%)
- HWB
- hwb(200 0% 77%)
- OKLCH
- oklch(0.258 0.056 236.7)
- OKLab
- oklab(0.258 -0.031 -0.047)
- CIE Lab
- lab(13.94 -6.87 -16.91)
- LCH
- lch(13.94 18.25 247.9)
- CMYK
- cmyk(100% 34% 0% 77%)
浅色调 · 深色调 · 灰色调
浅色调
- 1A3A4D
- 314D5F
- 496271
- 617685
- 798C98
- 93A2AC
- ADB8C0
- C8D0D5
- E3E7EA
深色调
- 002032
- 001A29
- 001421
- 000E19
- 000811
- 000409
- 000204
- 000101
- 000000
灰色调
- 0F2F42
- 1C3849
- 29414F
- 354956
- 41525D
- 4D5B64
- 5A646B
- 666D72
- 737779
配色和谐
互补色 +180°
- 00273B
Midnight Dreams
- 371B04
≈ Close but No Cigar
类似色 -30° +30°
- 00273B
Midnight Dreams
- 00292E
≈ Daintree
- 17223F
≈ Cool Balaclavas Are Forever
三角配色 +120° +240°
- 00273B
Midnight Dreams
- 381724
≈ Chocolate Kiss
- 222702
≈ Lindworm Green
分裂互补色 +150° +210°
- 00273B
Midnight Dreams
- 3A1714
≈ Dark Sienna
- 2F2100
≈ Black Swan
四角配色 +90° +180° +270°
- 00273B
Midnight Dreams
- 311932
≈ Nightly Voyager
- 371B04
≈ Close but No Cigar
- 0E2B12
≈ Nori Green
对比度与无障碍
Ag
AAA白底
WCAG 15.51:1 · APCA Lc 102
Ag
Fail黑底
WCAG 1.35:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 15.51:1 (AAA) · APCA Lc 102
Contrast pairs
代码片段
CSS
:root {
--midnight-dreams: #00273b;
--midnight-dreams-rgb: 0 39 59;
--midnight-dreams-oklch: oklch(0.258 0.056 236.7);
}
.element {
color: var(--midnight-dreams);
background-color: hsl(200 100% 12%);
border-color: oklch(0.258 0.056 236.7);
}Tailwind CSS v4
@theme {
--color-midnight-dreams: #00273b;
--color-midnight-dreams-50: #e7f8ff;
--color-midnight-dreams-100: #d8ebf9;
--color-midnight-dreams-200: #bfd8ea;
--color-midnight-dreams-300: #9ebcd1;
--color-midnight-dreams-400: #7fa4bc;
--color-midnight-dreams-500: #628ca7;
--color-midnight-dreams-600: #53778d;
--color-midnight-dreams-700: #425f71;
--color-midnight-dreams-800: #2f4653;
--color-midnight-dreams-900: #20303a;
--color-midnight-dreams-950: #0f1c24;
}SCSS
$midnight-dreams: #00273b;
$midnight-dreams-rgb: 0, 39, 59;
$midnight-dreams-light: mix(#fff, $midnight-dreams, 20%);
$midnight-dreams-dark: mix(#000, $midnight-dreams, 20%);
.element {
color: $midnight-dreams;
box-shadow: 0 0 0 2px rgba($midnight-dreams, 0.35);
}