命名颜色 · #9DACB5
Irogon Blue
Irogon Blue 即 #9DACB5：rgb(157 172 181)、hsl(203 14% 66%)、oklch(0.736 0.021 234)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Irogon Blue color name →
#9DACB5
oklch(0.736 0.021 234)
颜色转换
- HEX
- #9dacb5
- RGB
- rgb(157 172 181)
- HSL
- hsl(203 14% 66%)
- HWB
- hwb(203 62% 29%)
- OKLCH
- oklch(0.736 0.021 234)
- OKLab
- oklab(0.736 -0.013 -0.017)
- CIE Lab
- lab(69.38 -4.03 -6.52)
- LCH
- lch(69.38 7.67 238.3)
- CMYK
- cmyk(13% 5% 0% 29%)
浅色调 · 深色调 · 灰色调
浅色调
- A6B4BC
- B0BCC3
- BAC4CB
- C3CDD2
- CDD5D9
- D7DDE1
- E1E6E8
- EBEEF0
- F5F6F7
深色调
- 88959D
- 737F86
- 5F696F
- 4C5459
- 3A4044
- 282D30
- 181B1D
- 090B0C
- 010102
灰色调
- 9AA8B0
- 97A3AA
- 949FA5
- 919A9F
- 8E969A
- 8C9195
- 898D90
- 86898A
- 838485
配色和谐
互补色 +180°
- 9DACB5
Irogon Blue
- B5A69D
≈ Ashen Grey
类似色 -30° +30°
- 9DACB5
Irogon Blue
- 9BAEB0
≈ Interesting Aqua
- A3AAB7
≈ Ridge View
三角配色 +120° +240°
- 9DACB5
Irogon Blue
- B5A4AA
≈ Foggy Plum
- A9AB9C
≈ Meditation
分裂互补色 +150° +210°
- 9DACB5
Irogon Blue
- B7A5A3
≈ Lilac Smoke
- B0A99B
≈ Grey Silt
四角配色 +90° +180° +270°
- 9DACB5
Irogon Blue
- B0A5B1
≈ Midsummer Twilight
- B5A69D
≈ Ashen Grey
- A2ADA1
≈ Green Balsam
对比度与无障碍
Ag
Fail白底
WCAG 2.33:1 · APCA Lc 46
Ag
AAA黑底
WCAG 9.00:1 · APCA Lc 56
最佳文字颜色: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
代码片段
CSS
:root {
--irogon-blue: #9dacb5;
--irogon-blue-rgb: 157 172 181;
--irogon-blue-oklch: oklch(0.736 0.021 234);
}
.element {
color: var(--irogon-blue);
background-color: hsl(203 14% 66%);
border-color: oklch(0.736 0.021 234);
}Tailwind CSS v4
@theme {
--color-irogon-blue: #9dacb5;
--color-irogon-blue-50: #f0f6fa;
--color-irogon-blue-100: #e1e9ee;
--color-irogon-blue-200: #ccd6dc;
--color-irogon-blue-300: #aeb9c1;
--color-irogon-blue-400: #93a1a9;
--color-irogon-blue-500: #798992;
--color-irogon-blue-600: #66747c;
--color-irogon-blue-700: #525d63;
--color-irogon-blue-800: #3b4449;
--color-irogon-blue-900: #292f32;
--color-irogon-blue-950: #171b1e;
}SCSS
$irogon-blue: #9dacb5;
$irogon-blue-rgb: 157, 172, 181;
$irogon-blue-light: mix(#fff, $irogon-blue, 20%);
$irogon-blue-dark: mix(#000, $irogon-blue, 20%);
.element {
color: $irogon-blue;
box-shadow: 0 0 0 2px rgba($irogon-blue, 0.35);
}