最接近的命名颜色 · #859DB7
#859DB7
最接近的命名颜色: Monsoon Season
#859DB7（rgb(133 157 183)、hsl(211 26% 62%)、oklch(0.687 0.047 250.6)）最接近命名颜色 Monsoon Season。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#859DB7
oklch(0.687 0.047 250.6)
颜色转换
- HEX
- #859db7
- RGB
- rgb(133 157 183)
- HSL
- hsl(211 26% 62%)
- HWB
- hwb(211 52% 28%)
- OKLCH
- oklch(0.687 0.047 250.6)
- OKLab
- oklab(0.687 -0.016 -0.044)
- CIE Lab
- lab(63.56 -4.16 -16.49)
- LCH
- lch(63.56 17 255.8)
- CMYK
- cmyk(27% 14% 0% 28%)
浅色调 · 深色调 · 灰色调
浅色调
- 91A6BE
- 9DB0C5
- A8BACC
- B4C3D4
- C1CDDB
- CDD7E2
- D9E1E9
- E6EBF0
- F2F5F8
深色调
- 73889F
- 617387
- 505F70
- 404C5A
- 303A45
- 212831
- 13181E
- 06090C
- 010102
灰色调
- 859AB1
- 8497AC
- 8494A6
- 8391A1
- 838F9B
- 828C96
- 828990
- 81868B
- 818385
配色和谐
互补色 +180°
- 859DB7
Monsoon Season
- AD967B
≈ Hutchins Plaza
类似色 -30° +30°
- 859DB7
Monsoon Season
- 7AA2AF
≈ Seascape
- 9498B8
≈ Thistle Down
三角配色 +120° +240°
- 859DB7
Monsoon Season
- B58F93
≈ Brandy Snaps
- 90A182
≈ Fresh Sod
分裂互补色 +150° +210°
- 859DB7
Monsoon Season
- B59184
≈ Mauve Blush
- A09C7A
≈ Bonsai Garden
四角配色 +90° +180° +270°
- 859DB7
Monsoon Season
- AF8FA3
≈ Palisade Orchid
- AD967B
≈ Hutchins Plaza
- 81A491
≈ Bristol Green
对比度与无障碍
Ag
Fail白底
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.50:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--monsoon-season: #859db7;
--monsoon-season-rgb: 133 157 183;
--monsoon-season-oklch: oklch(0.687 0.047 250.6);
}
.element {
color: var(--monsoon-season);
background-color: hsl(211 26% 62%);
border-color: oklch(0.687 0.047 250.6);
}Tailwind CSS v4
@theme {
--color-monsoon-season: #859db7;
--color-monsoon-season-50: #ecf6ff;
--color-monsoon-season-100: #dde9f8;
--color-monsoon-season-200: #c6d6e8;
--color-monsoon-season-300: #a7b9cf;
--color-monsoon-season-400: #8aa1ba;
--color-monsoon-season-500: #6f89a5;
--color-monsoon-season-600: #5e748b;
--color-monsoon-season-700: #4b5d70;
--color-monsoon-season-800: #364452;
--color-monsoon-season-900: #252f39;
--color-monsoon-season-950: #131b24;
}SCSS
$monsoon-season: #859db7;
$monsoon-season-rgb: 133, 157, 183;
$monsoon-season-light: mix(#fff, $monsoon-season, 20%);
$monsoon-season-dark: mix(#000, $monsoon-season, 20%);
.element {
color: $monsoon-season;
box-shadow: 0 0 0 2px rgba($monsoon-season, 0.35);
}