命名颜色 · #4FA1C0
Brig
Brig 即 #4FA1C0：rgb(79 161 192)、hsl(196 47% 53%)、oklch(0.67 0.092 225.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Cyan mean? → · Brig color name →
#4FA1C0
oklch(0.67 0.092 225.5)
颜色转换
- HEX
- #4fa1c0
- RGB
- rgb(79 161 192)
- HSL
- hsl(196 47% 53%)
- HWB
- hwb(196 31% 25%)
- OKLCH
- oklch(0.67 0.092 225.5)
- OKLab
- oklab(0.67 -0.064 -0.065)
- CIE Lab
- lab(62.07 -19.06 -24.08)
- LCH
- lch(62.07 30.71 231.6)
- CMYK
- cmyk(59% 16% 0% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- 63AAC6
- 76B4CD
- 87BDD3
- 99C6DA
- AAD0E0
- BBD9E6
- CCE3EC
- DDECF3
- EEF6F9
深色调
- 448BA7
- 38768E
- 2E6276
- 234E5F
- 193C49
- 102A34
- 071920
- 02090E
- 000102
灰色调
- 569EBA
- 5D9BB3
- 6397AD
- 6894A6
- 6D91A0
- 718E9A
- 758A93
- 79878D
- 7D8386
配色和谐
互补色 +180°
- 4FA1C0
Brig
- C48365
≈ Cabana Melon
类似色 -30° +30°
- 4FA1C0
Brig
- 43A7A7
≈ Tidal Teal
- 6F98CD
≈ Razee
三角配色 +120° +240°
- 4FA1C0
Brig
- BE7EA2
≈ Romanov Mauve
- 9D9953
≈ Stem
分裂互补色 +150° +210°
- 4FA1C0
Brig
- C77E82
≈ Enamoured
- B68D52
≈ Yellow Acorn
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.92:1 · APCA Lc 55
Ag
AAA黑底
WCAG 7.19:1 · APCA Lc 46
最佳文字颜色: #000000
WCAG 7.19:1 (AAA) · APCA Lc 46
Contrast pairs
代码片段
CSS
:root {
--brig: #4fa1c0;
--brig-rgb: 79 161 192;
--brig-oklch: oklch(0.67 0.092 225.5);
}
.element {
color: var(--brig);
background-color: hsl(196 47% 53%);
border-color: oklch(0.67 0.092 225.5);
}Tailwind CSS v4
@theme {
--color-brig: #4fa1c0;
--color-brig-50: #dbfbff;
--color-brig-100: #c9efff;
--color-brig-200: #acddf3;
--color-brig-300: #84c1dc;
--color-brig-400: #5eaac8;
--color-brig-500: #3292b4;
--color-brig-600: #2c7c98;
--color-brig-700: #23637a;
--color-brig-800: #16495a;
--color-brig-900: #0e333f;
--color-brig-950: #021e28;
}SCSS
$brig: #4fa1c0;
$brig-rgb: 79, 161, 192;
$brig-light: mix(#fff, $brig, 20%);
$brig-dark: mix(#000, $brig, 20%);
.element {
color: $brig;
box-shadow: 0 0 0 2px rgba($brig, 0.35);
}