最接近的命名颜色 · #C0D9FF
#C0D9FF
最接近的命名颜色: Frost Fairy
#C0D9FF（rgb(192 217 255)、hsl(216 100% 88%)、oklch(0.879 0.059 258.7)）最接近命名颜色 Frost Fairy。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C0D9FF
oklch(0.879 0.059 258.7)
颜色转换
- HEX
- #c0d9ff
- RGB
- rgb(192 217 255)
- HSL
- hsl(216 100% 88%)
- HWB
- hwb(216 75% 0%)
- OKLCH
- oklch(0.879 0.059 258.7)
- OKLab
- oklab(0.879 -0.012 -0.058)
- CIE Lab
- lab(85.77 -2.49 -21.55)
- LCH
- lch(85.77 21.7 263.4)
- CMYK
- cmyk(25% 15% 0% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- C6DDFF
- CDE1FF
- D3E4FF
- D9E8FF
- DFECFF
- E6F0FF
- ECF4FF
- F2F7FF
- F9FBFF
深色调
- A7BCDE
- 8EA1BE
- 76869E
- 5F6C80
- 495363
- 343B48
- 20252E
- 0E1116
- 020203
灰色调
- B9D0F2
- B3C7E5
- ACBED8
- A6B5CB
- A0ACBE
- 99A3B1
- 939AA5
- 8D9198
- 86898C
配色和谐
互补色 +180°
- C0D9FF
Frost Fairy
- EDD3AC
≈ Givry
类似色 -30° +30°
- C0D9FF
Frost Fairy
- AFE0F7
≈ Fairy Sparkles
- D5D2FD
≈ Pale Lavender
三角配色 +120° +240°
- C0D9FF
Frost Fairy
- FCC8C8
≈ Sunday Best
- C4E1BC
≈ Ambrosia
分裂互补色 +150° +210°
- C0D9FF
Frost Fairy
- F9CCB6
≈ Biscuit Cream
- DADBAE
≈ Spring Thyme
四角配色 +90° +180° +270°
- C0D9FF
Frost Fairy
- F6C8DE
≈ Laelia Pink
- EDD3AC
≈ Givry
- B2E4D0
≈ Crystal Rapids
对比度与无障碍
Ag
Fail白底
WCAG 1.43:1 · APCA Lc 21
Ag
AAA黑底
WCAG 14.61:1 · APCA Lc 82
最佳文字颜色: #000000
WCAG 14.61:1 (AAA) · APCA Lc 82
Contrast pairs
代码片段
CSS
:root {
--frost-fairy: #c0d9ff;
--frost-fairy-rgb: 192 217 255;
--frost-fairy-oklch: oklch(0.879 0.059 258.7);
}
.element {
color: var(--frost-fairy);
background-color: hsl(216 100% 88%);
border-color: oklch(0.879 0.059 258.7);
}Tailwind CSS v4
@theme {
--color-frost-fairy: #c0d9ff;
--color-frost-fairy-50: #ecf6ff;
--color-frost-fairy-100: #dde9fc;
--color-frost-fairy-200: #c6d5ee;
--color-frost-fairy-300: #a6b8d6;
--color-frost-fairy-400: #89a0c2;
--color-frost-fairy-500: #6e87ae;
--color-frost-fairy-600: #5e7393;
--color-frost-fairy-700: #4b5c76;
--color-frost-fairy-800: #354357;
--color-frost-fairy-900: #242e3d;
--color-frost-fairy-950: #131b26;
}SCSS
$frost-fairy: #c0d9ff;
$frost-fairy-rgb: 192, 217, 255;
$frost-fairy-light: mix(#fff, $frost-fairy, 20%);
$frost-fairy-dark: mix(#000, $frost-fairy, 20%);
.element {
color: $frost-fairy;
box-shadow: 0 0 0 2px rgba($frost-fairy, 0.35);
}