命名颜色 · #C9D6C2
French Limestone
French Limestone 即 #C9D6C2：rgb(201 214 194)、hsl(99 20% 80%)、oklch(0.861 0.031 134.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · French Limestone color name →
#C9D6C2
oklch(0.861 0.031 134.4)
颜色转换
- HEX
- #c9d6c2
- RGB
- rgb(201 214 194)
- HSL
- hsl(99 20% 80%)
- HWB
- hwb(99 76% 16%)
- OKLCH
- oklch(0.861 0.031 134.4)
- OKLab
- oklab(0.861 -0.021 0.022)
- CIE Lab
- lab(84.21 -7.26 8.33)
- LCH
- lch(84.21 11.05 131.1)
- CMYK
- cmyk(6% 0% 9% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- CEDAC8
- D4DECE
- D9E2D4
- DEE6DA
- E4EAE0
- E9EEE6
- EFF3EC
- F4F7F3
- FAFBF9
深色调
- AEBAA8
- 959E8F
- 7C8477
- 646A60
- 4C5249
- 363B34
- 222520
- 0F100E
- 020202
灰色调
- C1CDBB
- BAC4B4
- B3BBAE
- ABB3A7
- A4AAA0
- 9DA19A
- 959993
- 8E918D
- 878886
配色和谐
互补色 +180°
- C9D6C2
French Limestone
- D9CCDF
≈ Violet Mist
类似色 -30° +30°
- C9D6C2
French Limestone
- D4D3BC
≈ Barest Celadon
- C0D8CC
≈ Silverton
三角配色 +120° +240°
- C9D6C2
French Limestone
- C4D3E5
≈ Surf’s Surprise
- E5CACB
≈ Pink Spinel
分裂互补色 +150° +210°
- C9D6C2
French Limestone
- CECFE5
≈ Wildflower Prairie
- E1CAD6
≈ Diva Girl
四角配色 +90° +180° +270°
- C9D6C2
French Limestone
- BDD6E0
≈ Bridgewater Bay
- D9CCDF
≈ Violet Mist
- E3CBC1
≈ Belle of the Ball
对比度与无障碍
Ag
Fail白底
WCAG 1.51:1 · APCA Lc 24
Ag
AAA黑底
WCAG 13.88:1 · APCA Lc 79
最佳文字颜色: #000000
WCAG 13.88:1 (AAA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--french-limestone: #c9d6c2;
--french-limestone-rgb: 201 214 194;
--french-limestone-oklch: oklch(0.861 0.031 134.4);
}
.element {
color: var(--french-limestone);
background-color: hsl(99 20% 80%);
border-color: oklch(0.861 0.031 134.4);
}Tailwind CSS v4
@theme {
--color-french-limestone: #c9d6c2;
--color-french-limestone-50: #f1f7ef;
--color-french-limestone-100: #e3eae0;
--color-french-limestone-200: #ced7cb;
--color-french-limestone-300: #b0bbac;
--color-french-limestone-400: #97a391;
--color-french-limestone-500: #7e8b77;
--color-french-limestone-600: #6b7665;
--color-french-limestone-700: #555e50;
--color-french-limestone-800: #3e453a;
--color-french-limestone-900: #2b3028;
--color-french-limestone-950: #181c16;
}SCSS
$french-limestone: #c9d6c2;
$french-limestone-rgb: 201, 214, 194;
$french-limestone-light: mix(#fff, $french-limestone, 20%);
$french-limestone-dark: mix(#000, $french-limestone, 20%);
.element {
color: $french-limestone;
box-shadow: 0 0 0 2px rgba($french-limestone, 0.35);
}