命名颜色 · #092256
Downriver
Downriver 即 #092256：rgb(9 34 86)、hsl(221 81% 19%)、oklch(0.27 0.099 262.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Downriver color name →
#092256
oklch(0.27 0.099 262.5)
颜色转换
- HEX
- #092256
- RGB
- rgb(9 34 86)
- HSL
- hsl(221 81% 19%)
- HWB
- hwb(221 4% 66%)
- OKLCH
- oklch(0.27 0.099 262.5)
- OKLab
- oklab(0.27 -0.013 -0.099)
- CIE Lab
- lab(14.24 8.54 -34.92)
- LCH
- lch(14.24 35.95 283.7)
- CMYK
- cmyk(90% 60% 0% 66%)
浅色调 · 深色调 · 灰色调
浅色调
- 1E3767
- 344B77
- 4B6088
- 627599
- 7B8BAA
- 94A1BA
- AEB8CB
- C8CFDD
- E3E7EE
深色调
- 071C4A
- 05163E
- 031132
- 020B27
- 01071C
- 010312
- 000108
- 000002
- 000000
灰色调
- 152C5B
- 203560
- 2B3F64
- 374869
- 42516D
- 4E5B71
- 5A6475
- 676D79
- 73777D
配色和谐
互补色 +180°
- 092256
Downriver
- 342300
≈ Black Swan
类似色 -30° +30°
- 092256
Downriver
- 002B3D
≈ Murky Depths
- 2A1852
≈ Silent Orbit
三角配色 +120° +240°
- 092256
Downriver
- 4C070E
≈ Erythrophobia
- 003100
≈ Serpentine Shadow
分裂互补色 +150° +210°
- 092256
Downriver
- 401B00
≈ Bath in Chocolate
- 272900
≈ Lindworm Green
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 15.27:1 · APCA Lc 102
Ag
Fail黑底
WCAG 1.37:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 15.27:1 (AAA) · APCA Lc 102
Contrast pairs
代码片段
CSS
:root {
--downriver: #092256;
--downriver-rgb: 9 34 86;
--downriver-oklch: oklch(0.27 0.099 262.5);
}
.element {
color: var(--downriver);
background-color: hsl(221 81% 19%);
border-color: oklch(0.27 0.099 262.5);
}Tailwind CSS v4
@theme {
--color-downriver: #092256;
--color-downriver-50: #e7f6ff;
--color-downriver-100: #d7e8ff;
--color-downriver-200: #bfd4ff;
--color-downriver-300: #9eb7eb;
--color-downriver-400: #7f9eda;
--color-downriver-500: #6285c8;
--color-downriver-600: #5371a9;
--color-downriver-700: #425a88;
--color-downriver-800: #2e4265;
--color-downriver-900: #1f2e47;
--color-downriver-950: #0f1a2e;
}SCSS
$downriver: #092256;
$downriver-rgb: 9, 34, 86;
$downriver-light: mix(#fff, $downriver, 20%);
$downriver-dark: mix(#000, $downriver, 20%);
.element {
color: $downriver;
box-shadow: 0 0 0 2px rgba($downriver, 0.35);
}