命名颜色 · #B2CCE1
Charted
Charted 即 #B2CCE1：rgb(178 204 225)、hsl(207 44% 79%)、oklch(0.833 0.041 242.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Charted color name →
#B2CCE1
oklch(0.833 0.041 242.5)
颜色转换
- HEX
- #b2cce1
- RGB
- rgb(178 204 225)
- HSL
- hsl(207 44% 79%)
- HWB
- hwb(207 70% 12%)
- OKLCH
- oklch(0.833 0.041 242.5)
- OKLab
- oklab(0.833 -0.019 -0.036)
- CIE Lab
- lab(80.6 -5.69 -13.54)
- LCH
- lch(80.6 14.69 247.2)
- CMYK
- cmyk(21% 9% 0% 12%)
浅色调 · 深色调 · 灰色调
浅色调
- BAD1E4
- C1D6E7
- C9DBEA
- D1E0ED
- D8E5F0
- E0EAF3
- E8F0F6
- EFF5F9
- F7FAFC
深色调
- 9AB1C4
- 8397A7
- 6D7E8B
- 576570
- 434E56
- 2F373E
- 1D2227
- 0C0F12
- 010202
灰色调
- ADC4D7
- A8BCCD
- A3B5C3
- 9EADB9
- 99A5AF
- 949EA6
- 8F969C
- 8A8F93
- 858789
配色和谐
互补色 +180°
- B2CCE1
Charted
- DCC3AE
≈ Sienna Dust
类似色 -30° +30°
- B2CCE1
Charted
- ABD0D8
≈ Aqua Frost
- BFC7E3
≈ Twilight Mist
三角配色 +120° +240°
- B2CCE1
Charted
- E0BEC6
≈ Ice Hot Pink
- C3CDB0
≈ Growing Season
分裂互补色 +150° +210°
- B2CCE1
Charted
- E1BFB8
≈ Silver Peony
- D1C8AB
≈ Desert Cover
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.66:1 · APCA Lc 29
Ag
AAA黑底
WCAG 12.61:1 · APCA Lc 74
最佳文字颜色: #000000
WCAG 12.61:1 (AAA) · APCA Lc 74
Contrast pairs
代码片段
CSS
:root {
--charted: #b2cce1;
--charted-rgb: 178 204 225;
--charted-oklch: oklch(0.833 0.041 242.5);
}
.element {
color: var(--charted);
background-color: hsl(207 44% 79%);
border-color: oklch(0.833 0.041 242.5);
}Tailwind CSS v4
@theme {
--color-charted: #b2cce1;
--color-charted-50: #ecf7ff;
--color-charted-100: #ddeaf5;
--color-charted-200: #c6d7e5;
--color-charted-300: #a7bacb;
--color-charted-400: #8aa2b5;
--color-charted-500: #6f8a9f;
--color-charted-600: #5e7587;
--color-charted-700: #4b5d6c;
--color-charted-800: #36444f;
--color-charted-900: #252f37;
--color-charted-950: #131c22;
}SCSS
$charted: #b2cce1;
$charted-rgb: 178, 204, 225;
$charted-light: mix(#fff, $charted, 20%);
$charted-dark: mix(#000, $charted, 20%);
.element {
color: $charted;
box-shadow: 0 0 0 2px rgba($charted, 0.35);
}