最接近的命名颜色 · #7CC4BB
#7CC4BB
最接近的命名颜色: Cyantific
#7CC4BB（rgb(124 196 187)、hsl(172 38% 63%)、oklch(0.77 0.074 185.8)）最接近命名颜色 Cyantific。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#7CC4BB
oklch(0.77 0.074 185.8)
颜色转换
- HEX
- #7cc4bb
- RGB
- rgb(124 196 187)
- HSL
- hsl(172 38% 63%)
- HWB
- hwb(172 49% 23%)
- OKLCH
- oklch(0.77 0.074 185.8)
- OKLab
- oklab(0.77 -0.073 -0.007)
- CIE Lab
- lab(74.23 -25.09 -3)
- LCH
- lch(74.23 25.27 186.8)
- CMYK
- cmyk(37% 0% 5% 23%)
浅色调 · 深色调 · 灰色调
浅色调
- 8ACAC2
- 98D0C8
- A5D6CF
- B2DCD6
- BFE2DD
- CCE7E3
- D9EDEA
- E6F3F1
- F2F9F8
深色调
- 6BAAA2
- 5A918A
- 4A7873
- 3B615C
- 2C4A46
- 1E3532
- 11211F
- 050E0D
- 010202
灰色调
- 7EBDB5
- 7FB6AF
- 80AFA9
- 80A8A3
- 81A29D
- 819B97
- 819491
- 818D8B
- 818786
配色和谐
互补色 +180°
- 7CC4BB
Cyantific
- DEA1AD
≈ Nana’s Rose
类似色 -30° +30°
- 7CC4BB
Cyantific
- 8EC3A1
≈ Delltone
- 7CC1D2
≈ Meltwater
三角配色 +120° +240°
- 7CC4BB
Cyantific
- C0A9DA
≈ Perfume
- D5AB82
≈ Santa Fe Tan
分裂互补色 +150° +210°
- 7CC4BB
Cyantific
- D3A3C7
≈ Geranium Bud
- DFA494
≈ Shy Champagne Blush
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.00:1 · APCA Lc 39
Ag
AAA黑底
WCAG 10.47:1 · APCA Lc 64
最佳文字颜色: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
代码片段
CSS
:root {
--cyantific: #7cc4bb;
--cyantific-rgb: 124 196 187;
--cyantific-oklch: oklch(0.77 0.074 185.8);
}
.element {
color: var(--cyantific);
background-color: hsl(172 38% 63%);
border-color: oklch(0.77 0.074 185.8);
}Tailwind CSS v4
@theme {
--color-cyantific: #7cc4bb;
--color-cyantific-50: #dffcf9;
--color-cyantific-100: #cdf0ec;
--color-cyantific-200: #b1dfda;
--color-cyantific-300: #8cc4be;
--color-cyantific-400: #6aada5;
--color-cyantific-500: #44968d;
--color-cyantific-600: #3b7f77;
--color-cyantific-700: #2f6660;
--color-cyantific-800: #214b45;
--color-cyantific-900: #163430;
--color-cyantific-950: #071f1c;
}SCSS
$cyantific: #7cc4bb;
$cyantific-rgb: 124, 196, 187;
$cyantific-light: mix(#fff, $cyantific, 20%);
$cyantific-dark: mix(#000, $cyantific, 20%);
.element {
color: $cyantific;
box-shadow: 0 0 0 2px rgba($cyantific, 0.35);
}