最接近的命名颜色 · #C7E2D7
#C7E2D7
最接近的命名颜色: Antiguan
#C7E2D7（rgb(199 226 215)、hsl(156 32% 83%)、oklch(0.89 0.032 169.1)）最接近命名颜色 Antiguan。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C7E2D7
oklch(0.89 0.032 169.1)
颜色转换
- HEX
- #c7e2d7
- RGB
- rgb(199 226 215)
- HSL
- hsl(156 32% 83%)
- HWB
- hwb(156 78% 11%)
- OKLCH
- oklch(0.89 0.032 169.1)
- OKLab
- oklab(0.89 -0.032 0.006)
- CIE Lab
- lab(87.65 -10.83 2.22)
- LCH
- lch(87.65 11.05 168.4)
- CMYK
- cmyk(12% 0% 5% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- CDE5DB
- D2E8DF
- D8EBE3
- DDEEE7
- E3F0EB
- E9F3EF
- EEF6F3
- F4F9F7
- F9FCFB
深色调
- ADC4BB
- 93A89F
- 7A8C85
- 62716B
- 4C5752
- 363E3B
- 212725
- 0E1211
- 020302
灰色调
- C0D8CE
- B8CEC5
- B1C4BC
- AABAB3
- A3B0AA
- 9CA6A2
- 959C99
- 8E9391
- 878988
配色和谐
互补色 +180°
- C7E2D7
Antiguan
- ECD3DE
≈ Light Favourite Lady
类似色 -30° +30°
- C7E2D7
Antiguan
- D0E0CC
≈ Endive
- C3E2E3
≈ Cold Wave
三角配色 +120° +240°
- C7E2D7
Antiguan
- D9D8EF
≈ Quartz
- EDD5C8
≈ Blush Beige
分裂互补色 +150° +210°
- C7E2D7
Antiguan
- E4D4E9
≈ Old Chalk
- F0D3D2
≈ Marshmallow Magic
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.37:1 · APCA Lc 18
Ag
AAA黑底
WCAG 15.28:1 · APCA Lc 85
最佳文字颜色: #000000
WCAG 15.28:1 (AAA) · APCA Lc 85
Contrast pairs
代码片段
CSS
:root {
--antiguan: #c7e2d7;
--antiguan-rgb: 199 226 215;
--antiguan-oklch: oklch(0.89 0.032 169.1);
}
.element {
color: var(--antiguan);
background-color: hsl(156 32% 83%);
border-color: oklch(0.89 0.032 169.1);
}Tailwind CSS v4
@theme {
--color-antiguan: #c7e2d7;
--color-antiguan-50: #edf8f4;
--color-antiguan-100: #deece6;
--color-antiguan-200: #c7d9d2;
--color-antiguan-300: #a8bdb5;
--color-antiguan-400: #8da59b;
--color-antiguan-500: #728d82;
--color-antiguan-600: #60786e;
--color-antiguan-700: #4d6058;
--color-antiguan-800: #384640;
--color-antiguan-900: #26312c;
--color-antiguan-950: #151d19;
}SCSS
$antiguan: #c7e2d7;
$antiguan-rgb: 199, 226, 215;
$antiguan-light: mix(#fff, $antiguan, 20%);
$antiguan-dark: mix(#000, $antiguan, 20%);
.element {
color: $antiguan;
box-shadow: 0 0 0 2px rgba($antiguan, 0.35);
}