命名颜色 · #2266CC
Janitor
Janitor 即 #2266CC：rgb(34 102 204)、hsl(216 71% 47%)、oklch(0.527 0.172 259)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Janitor color name →
#2266CC
oklch(0.527 0.172 259)
颜色转换
- HEX
- #2266cc
- RGB
- rgb(34 102 204)
- HSL
- hsl(216 71% 47%)
- HWB
- hwb(216 13% 20%)
- OKLCH
- oklch(0.527 0.172 259)
- OKLab
- oklab(0.527 -0.033 -0.169)
- CIE Lab
- lab(43.57 8.84 -60.01)
- LCH
- lch(43.57 60.66 278.4)
- CMYK
- cmyk(83% 50% 0% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- 3B76D2
- 5186D9
- 6695DE
- 7CA5E4
- 91B4E9
- A7C3EE
- BCD2F3
- D2E1F7
- E9F0FB
深色调
- 1C58B1
- 164A97
- 113C7E
- 0B2F65
- 07234E
- 031737
- 010C22
- 00040F
- 000002
灰色调
- 2F6AC5
- 3A6DBE
- 4471B7
- 4D74AF
- 5676A8
- 5F79A0
- 677B99
- 707D91
- 787E89
配色和谐
互补色 +180°
- 2266CC
Janitor
- 8C6200
≈ Rat Brown
类似色 -30° +30°
- 2266CC
Janitor
- 00759A
≈ Pristine Seas
- 6B53C6
≈ Circumorbital Ring
三角配色 +120° +240°
- 2266CC
Janitor
- B93141
≈ Rust Effect
- 2C8000
≈ Napier Green
分裂互补色 +150° +210°
- 2266CC
Janitor
- A94C00
≈ Cinnamon Bun
- 716F00
≈ Bronze Yellow
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 5.46:1 · APCA Lc 77
Ag
Fail黑底
WCAG 3.84:1 · APCA Lc 25
最佳文字颜色: #FFFFFF
WCAG 5.46:1 (AA) · APCA Lc 77
Contrast pairs
代码片段
CSS
:root {
--janitor: #2266cc;
--janitor-rgb: 34 102 204;
--janitor-oklch: oklch(0.527 0.172 259);
}
.element {
color: var(--janitor);
background-color: hsl(216 71% 47%);
border-color: oklch(0.527 0.172 259);
}Tailwind CSS v4
@theme {
--color-janitor: #2266cc;
--color-janitor-50: #daf7ff;
--color-janitor-100: #c8e9ff;
--color-janitor-200: #aad5ff;
--color-janitor-300: #84b7ff;
--color-janitor-400: #5c9dff;
--color-janitor-500: #3581f6;
--color-janitor-600: #2f6ecf;
--color-janitor-700: #2558a6;
--color-janitor-800: #14417c;
--color-janitor-900: #0d2d58;
--color-janitor-950: #02193c;
}SCSS
$janitor: #2266cc;
$janitor-rgb: 34, 102, 204;
$janitor-light: mix(#fff, $janitor, 20%);
$janitor-dark: mix(#000, $janitor, 20%);
.element {
color: $janitor;
box-shadow: 0 0 0 2px rgba($janitor, 0.35);
}