命名颜色 · #97BBE1
Fleck
Fleck 即 #97BBE1：rgb(151 187 225)、hsl(211 55% 74%)、oklch(0.779 0.067 250.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Fleck color name →
#97BBE1
oklch(0.779 0.067 250.1)
颜色转换
- HEX
- #97bbe1
- RGB
- rgb(151 187 225)
- HSL
- hsl(211 55% 74%)
- HWB
- hwb(211 59% 12%)
- OKLCH
- oklch(0.779 0.067 250.1)
- OKLab
- oklab(0.779 -0.023 -0.063)
- CIE Lab
- lab(74.24 -5.76 -23.29)
- LCH
- lch(74.24 23.99 256.1)
- CMYK
- cmyk(33% 17% 0% 12%)
浅色调 · 深色调 · 灰色调
浅色调
- A1C2E4
- ACC9E7
- B6CFEA
- C0D6EE
- CBDDF1
- D5E4F4
- DFEAF6
- EAF1F9
- F4F8FC
深色调
- 83A2C4
- 6F8AA7
- 5C738B
- 495C70
- 374656
- 26323E
- 171F27
- 080D12
- 010202
灰色调
- 95B5D7
- 93AFCD
- 91A9C3
- 8EA3B9
- 8C9DB0
- 8A97A6
- 87929C
- 858C93
- 828689
配色和谐
互补色 +180°
- 97BBE1
Fleck
- D3B089
≈ Cracker Bitz
类似色 -30° +30°
- 97BBE1
Fleck
- 86C2D5
≈ Dreaming Blue
- AEB3E2
≈ Beloved
三角配色 +120° +240°
- 97BBE1
Fleck
- DEA6AD
≈ Prom
- A9C093
≈ Seawashed Glass
分裂互补色 +150° +210°
- 97BBE1
Fleck
- DDA997
≈ Cedarville
- C1B987
≈ Baby Bok Choy
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.99:1 · APCA Lc 39
Ag
AAA黑底
WCAG 10.51:1 · APCA Lc 64
最佳文字颜色: #000000
WCAG 10.51:1 (AAA) · APCA Lc 64
Contrast pairs
代码片段
CSS
:root {
--fleck: #97bbe1;
--fleck-rgb: 151 187 225;
--fleck-oklch: oklch(0.779 0.067 250.1);
}
.element {
color: var(--fleck);
background-color: hsl(211 55% 74%);
border-color: oklch(0.779 0.067 250.1);
}Tailwind CSS v4
@theme {
--color-fleck: #97bbe1;
--color-fleck-50: #e8f7ff;
--color-fleck-100: #d8eafe;
--color-fleck-200: #c0d7f1;
--color-fleck-300: #9fbad9;
--color-fleck-400: #81a2c5;
--color-fleck-500: #648ab1;
--color-fleck-600: #557596;
--color-fleck-700: #445d78;
--color-fleck-800: #304559;
--color-fleck-900: #202f3e;
--color-fleck-950: #101c27;
}SCSS
$fleck: #97bbe1;
$fleck-rgb: 151, 187, 225;
$fleck-light: mix(#fff, $fleck, 20%);
$fleck-dark: mix(#000, $fleck, 20%);
.element {
color: $fleck;
box-shadow: 0 0 0 2px rgba($fleck, 0.35);
}