命名颜色 · #2599B2
Pelorus
Pelorus 即 #2599B2：rgb(37 153 178)、hsl(191 66% 42%)、oklch(0.632 0.104 216.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Cyan mean? → · Pelorus color name →
#2599B2
oklch(0.632 0.104 216.3)
颜色转换
- HEX
- #2599b2
- RGB
- rgb(37 153 178)
- HSL
- hsl(191 66% 42%)
- HWB
- hwb(191 15% 30%)
- OKLCH
- oklch(0.632 0.104 216.3)
- OKLab
- oklab(0.632 -0.083 -0.061)
- CIE Lab
- lab(57.99 -25.7 -22.58)
- LCH
- lch(57.99 34.21 221.3)
- CMYK
- cmyk(79% 14% 0% 30%)
浅色调 · 深色调 · 灰色调
浅色调
- 46A3BA
- 5EADC1
- 74B8C9
- 89C2D1
- 9DCCD9
- B1D6E0
- C5E0E8
- D8EBF0
- ECF5F7
深色调
- 1F849A
- 197083
- 135D6D
- 0D4A57
- 083843
- 04272F
- 02171D
- 00080C
- 000101
灰色调
- 3797AD
- 4594A8
- 4F92A3
- 58909E
- 618D99
- 688B94
- 6F888F
- 75858A
- 7B8385
配色和谐
互补色 +180°
- 2599B2
Pelorus
- C0725D
≈ Cajun Spice
类似色 -30° +30°
- 2599B2
Pelorus
- 219E94
≈ Spectra Green
- 518FC5
≈ Azure Blue
三角配色 +120° +240°
- 2599B2
Pelorus
- B171A1
≈ Orchid Kiss
- 9C8938
≈ Parsnip Root
分裂互补色 +150° +210°
- 2599B2
Pelorus
- BF6E80
≈ Pink Manhattan
- B47C40
≈ Spruce Yellow
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.34:1 · APCA Lc 60
Ag
AA黑底
WCAG 6.27:1 · APCA Lc 41
最佳文字颜色: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
代码片段
CSS
:root {
--pelorus: #2599b2;
--pelorus-rgb: 37 153 178;
--pelorus-oklch: oklch(0.632 0.104 216.3);
}
.element {
color: var(--pelorus);
background-color: hsl(191 66% 42%);
border-color: oklch(0.632 0.104 216.3);
}Tailwind CSS v4
@theme {
--color-pelorus: #2599b2;
--color-pelorus-50: #d5fdff;
--color-pelorus-100: #c2f1ff;
--color-pelorus-200: #a2e0f2;
--color-pelorus-300: #77c5db;
--color-pelorus-400: #49aec6;
--color-pelorus-500: #0096b2;
--color-pelorus-600: #007f96;
--color-pelorus-700: #036679;
--color-pelorus-800: #004b58;
--color-pelorus-900: #02343e;
--color-pelorus-950: #001f27;
}SCSS
$pelorus: #2599b2;
$pelorus-rgb: 37, 153, 178;
$pelorus-light: mix(#fff, $pelorus, 20%);
$pelorus-dark: mix(#000, $pelorus, 20%);
.element {
color: $pelorus;
box-shadow: 0 0 0 2px rgba($pelorus, 0.35);
}