命名颜色 · #ADDEE5
Sky Cloud
Sky Cloud 即 #ADDEE5：rgb(173 222 229)、hsl(188 52% 79%)、oklch(0.869 0.051 207.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Cyan mean? → · Sky Cloud color name →
#ADDEE5
oklch(0.869 0.051 207.1)
颜色转换
- HEX
- #addee5
- RGB
- rgb(173 222 229)
- HSL
- hsl(188 52% 79%)
- HWB
- hwb(188 68% 10%)
- OKLCH
- oklch(0.869 0.051 207.1)
- OKLab
- oklab(0.869 -0.046 -0.023)
- CIE Lab
- lab(85.21 -15.23 -8.91)
- LCH
- lch(85.21 17.64 210.3)
- CMYK
- cmyk(24% 3% 0% 10%)
浅色调 · 深色调 · 灰色调
浅色调
- B5E1E8
- BEE5EA
- C6E8ED
- CEEBEF
- D7EFF2
- DFF2F5
- E7F5F7
- EFF8FA
- F7FCFC
深色调
- 96C1C7
- 7FA5AA
- 6A898E
- 556F72
- 415558
- 2D3D3F
- 1B2628
- 0B1212
- 010203
灰色调
- A9D4DA
- A4CBD0
- A0C1C6
- 9CB7BB
- 97AEB1
- 93A5A7
- 8E9B9D
- 899293
- 85898A
配色和谐
互补色 +180°
- ADDEE5
Sky Cloud
- F4C8C2
≈ Sonia Rose
类似色 -30° +30°
- ADDEE5
Sky Cloud
- B1DFD3
≈ Jaded Clouds
- B5DAF2
≈ Blue Rice
三角配色 +120° +240°
- ADDEE5
Sky Cloud
- E7C9E6
≈ Syrian Violet
- E2D2AE
≈ Cream Cake
分裂互补色 +150° +210°
- ADDEE5
Sky Cloud
- F1C6D4
≈ Lily Legs
- EFCCB4
≈ Peach Darling
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.46:1 · APCA Lc 22
Ag
AAA黑底
WCAG 14.35:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.35:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--sky-cloud: #addee5;
--sky-cloud-rgb: 173 222 229;
--sky-cloud-oklch: oklch(0.869 0.051 207.1);
}
.element {
color: var(--sky-cloud);
background-color: hsl(188 52% 79%);
border-color: oklch(0.869 0.051 207.1);
}Tailwind CSS v4
@theme {
--color-sky-cloud: #addee5;
--color-sky-cloud-50: #e5fafd;
--color-sky-cloud-100: #d5edf1;
--color-sky-cloud-200: #bcdbe0;
--color-sky-cloud-300: #9abfc6;
--color-sky-cloud-400: #7ba7ae;
--color-sky-cloud-500: #5c9097;
--color-sky-cloud-600: #4e7a80;
--color-sky-cloud-700: #3e6267;
--color-sky-cloud-800: #2c484b;
--color-sky-cloud-900: #1e3234;
--color-sky-cloud-950: #0e1e1f;
}SCSS
$sky-cloud: #addee5;
$sky-cloud-rgb: 173, 222, 229;
$sky-cloud-light: mix(#fff, $sky-cloud, 20%);
$sky-cloud-dark: mix(#000, $sky-cloud, 20%);
.element {
color: $sky-cloud;
box-shadow: 0 0 0 2px rgba($sky-cloud, 0.35);
}