最接近的命名颜色 · #C2D5D5
#C2D5D5
最接近的命名颜色: Windy
#C2D5D5（rgb(194 213 213)、hsl(180 18% 80%)、oklch(0.859 0.02 196.8)）最接近命名颜色 Windy。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C2D5D5
oklch(0.859 0.02 196.8)
颜色转换
- HEX
- #c2d5d5
- RGB
- rgb(194 213 213)
- HSL
- hsl(180 18% 80%)
- HWB
- hwb(180 76% 16%)
- OKLCH
- oklch(0.859 0.02 196.8)
- OKLab
- oklab(0.859 -0.02 -0.006)
- CIE Lab
- lab(83.83 -6.61 -2.3)
- LCH
- lch(83.83 7 199.2)
- CMYK
- cmyk(9% 0% 0% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- C8D9D9
- CEDDDD
- D4E1E1
- DAE6E6
- E0EAEA
- E6EEEE
- EDF2F2
- F3F7F6
- F9FBFB
深色调
- A8B9B9
- 8F9E9E
- 778383
- 606A6A
- 495151
- 343A3A
- 202424
- 0E1010
- 020202
灰色调
- BBCCCC
- B4C3C3
- AEBBBB
- A7B2B2
- A0AAAA
- 9AA1A1
- 939999
- 8D9090
- 868888
配色和谐
互补色 +180°
- C2D5D5
Windy
- DECCCC
≈ Delirious Donkey
类似色 -30° +30°
三角配色 +120° +240°
- C2D5D5
Windy
- D6CDDA
≈ Dusky Lilac
- D8CFC2
≈ Fine Grain
分裂互补色 +150° +210°
- C2D5D5
Windy
- DBCBD3
≈ Silver Mauve
- DDCDC5
≈ Morganite
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.52:1 · APCA Lc 24
Ag
AAA黑底
WCAG 13.77:1 · APCA Lc 79
最佳文字颜色: #000000
WCAG 13.77:1 (AAA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--windy: #c2d5d5;
--windy-rgb: 194 213 213;
--windy-oklch: oklch(0.859 0.02 196.8);
}
.element {
color: var(--windy);
background-color: hsl(180 18% 80%);
border-color: oklch(0.859 0.02 196.8);
}Tailwind CSS v4
@theme {
--color-windy: #c2d5d5;
--color-windy-50: #eff7f7;
--color-windy-100: #e0eaea;
--color-windy-200: #cbd7d7;
--color-windy-300: #acbbbb;
--color-windy-400: #91a2a2;
--color-windy-500: #778b8b;
--color-windy-600: #657575;
--color-windy-700: #515e5e;
--color-windy-800: #3b4544;
--color-windy-900: #282f2f;
--color-windy-950: #161c1c;
}SCSS
$windy: #c2d5d5;
$windy-rgb: 194, 213, 213;
$windy-light: mix(#fff, $windy, 20%);
$windy-dark: mix(#000, $windy, 20%);
.element {
color: $windy;
box-shadow: 0 0 0 2px rgba($windy, 0.35);
}