命名颜色 · #9BE3D7
Sharbah Fizz
Sharbah Fizz 即 #9BE3D7：rgb(155 227 215)、hsl(170 56% 75%)、oklch(0.865 0.074 183)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Teal mean? → · Sharbah Fizz color name →
#9BE3D7
oklch(0.865 0.074 183)
颜色转换
- HEX
- #9be3d7
- RGB
- rgb(155 227 215)
- HSL
- hsl(170 56% 75%)
- HWB
- hwb(170 61% 11%)
- OKLCH
- oklch(0.865 0.074 183)
- OKLab
- oklab(0.865 -0.074 -0.004)
- CIE Lab
- lab(85.24 -25.27 -1.67)
- LCH
- lch(85.24 25.33 183.8)
- CMYK
- cmyk(32% 0% 5% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- A6E6DB
- B0E9DF
- BBECE3
- C5EEE7
- CFF1EB
- D9F4EF
- E2F7F3
- ECFAF7
- F6FCFB
深色调
- 86C5BB
- 72A89F
- 5E8C85
- 4B716B
- 395752
- 283F3B
- 182725
- 091211
- 010302
灰色调
- 99D9CE
- 97CFC5
- 95C4BC
- 92BAB3
- 90B0AA
- 8DA7A2
- 8A9D99
- 879391
- 838A88
配色和谐
互补色 +180°
- 9BE3D7
Sharbah Fizz
- FDBFCE
≈ Garden Glory
类似色 -30° +30°
- 9BE3D7
Sharbah Fizz
- AEE1BC
≈ Fringy Flower
- 99E0F0
≈ Non-Photo Blue
三角配色 +120° +240°
- 9BE3D7
Sharbah Fizz
- DCC8FB
≈ Neon Boneyard
- F6C9A1
≈ Sundown
分裂互补色 +150° +210°
- 9BE3D7
Sharbah Fizz
- F1C1E8
≈ Lavender Soap
- FFC2B4
≈ Tropical Peach
四角配色 +90° +180° +270°
- 9BE3D7
Sharbah Fizz
- C4D1FF
≈ Pale Phthalo Blue
- FDBFCE
≈ Garden Glory
- E3D29B
≈ Twinkle Toes
对比度与无障碍
Ag
Fail白底
WCAG 1.46:1 · APCA Lc 22
Ag
AAA黑底
WCAG 14.36:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.36:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--sharbah-fizz: #9be3d7;
--sharbah-fizz-rgb: 155 227 215;
--sharbah-fizz-oklch: oklch(0.865 0.074 183);
}
.element {
color: var(--sharbah-fizz);
background-color: hsl(170 56% 75%);
border-color: oklch(0.865 0.074 183);
}Tailwind CSS v4
@theme {
--color-sharbah-fizz: #9be3d7;
--color-sharbah-fizz-50: #dffdf8;
--color-sharbah-fizz-100: #cef0eb;
--color-sharbah-fizz-200: #b2dfd8;
--color-sharbah-fizz-300: #8cc4bc;
--color-sharbah-fizz-400: #6aada2;
--color-sharbah-fizz-500: #46968b;
--color-sharbah-fizz-600: #3c7f75;
--color-sharbah-fizz-700: #30665e;
--color-sharbah-fizz-800: #224b44;
--color-sharbah-fizz-900: #16342f;
--color-sharbah-fizz-950: #071f1b;
}SCSS
$sharbah-fizz: #9be3d7;
$sharbah-fizz-rgb: 155, 227, 215;
$sharbah-fizz-light: mix(#fff, $sharbah-fizz, 20%);
$sharbah-fizz-dark: mix(#000, $sharbah-fizz, 20%);
.element {
color: $sharbah-fizz;
box-shadow: 0 0 0 2px rgba($sharbah-fizz, 0.35);
}