最接近的命名颜色 · #79BFCD
#79BFCD
最接近的命名颜色: Wavelet
#79BFCD（rgb(121 191 205)、hsl(190 46% 64%)、oklch(0.763 0.073 211.7)）最接近命名颜色 Wavelet。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#79BFCD
oklch(0.763 0.073 211.7)
颜色转换
- HEX
- #79bfcd
- RGB
- rgb(121 191 205)
- HSL
- hsl(190 46% 64%)
- HWB
- hwb(190 47% 20%)
- OKLCH
- oklch(0.763 0.073 211.7)
- OKLab
- oklab(0.763 -0.062 -0.038)
- CIE Lab
- lab(73.09 -20.23 -14.41)
- LCH
- lch(73.09 24.84 215.5)
- CMYK
- cmyk(41% 7% 0% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- 87C5D2
- 95CCD7
- A3D2DC
- B0D9E1
- BEDFE6
- CBE5EB
- D8ECF0
- E5F2F5
- F2F9FA
深色调
- 68A6B2
- 588D98
- 48757E
- 395E66
- 2B484E
- 1D3338
- 101F23
- 050D0F
- 010202
灰色调
- 7BB9C5
- 7CB2BD
- 7EACB5
- 7FA6AE
- 7F9FA6
- 80999E
- 809397
- 808C8F
- 808687
配色和谐
互补色 +180°
- 79BFCD
Wavelet
- DDA195
≈ Quiet Pink
类似色 -30° +30°
- 79BFCD
Wavelet
- 7CC2B5
≈ Pale Jade
- 89B8DD
≈ Goluboy Blue
三角配色 +120° +240°
- 79BFCD
Wavelet
- CEA1C7
≈ Geranium Bud
- C3B17C
≈ Fresh Peas
分裂互补色 +150° +210°
- 79BFCD
Wavelet
- DA9FAF
≈ Faded Pink
- D5A882
≈ Maple Tan
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.06:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.14:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.14:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--wavelet: #79bfcd;
--wavelet-rgb: 121 191 205;
--wavelet-oklch: oklch(0.763 0.073 211.7);
}
.element {
color: var(--wavelet);
background-color: hsl(190 46% 64%);
border-color: oklch(0.763 0.073 211.7);
}Tailwind CSS v4
@theme {
--color-wavelet: #79bfcd;
--color-wavelet-50: #dffbff;
--color-wavelet-100: #cdeff7;
--color-wavelet-200: #b1dde7;
--color-wavelet-300: #8cc2ce;
--color-wavelet-400: #69aab7;
--color-wavelet-500: #4493a2;
--color-wavelet-600: #3a7c89;
--color-wavelet-700: #2f646e;
--color-wavelet-800: #204950;
--color-wavelet-900: #153338;
--color-wavelet-950: #061e22;
}SCSS
$wavelet: #79bfcd;
$wavelet-rgb: 121, 191, 205;
$wavelet-light: mix(#fff, $wavelet, 20%);
$wavelet-dark: mix(#000, $wavelet, 20%);
.element {
color: $wavelet;
box-shadow: 0 0 0 2px rgba($wavelet, 0.35);
}