命名颜色 · #C8DCBB
Pale Tidepool
Pale Tidepool 即 #C8DCBB：rgb(200 220 187)、hsl(96 32% 80%)、oklch(0.871 0.049 133)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Pale Tidepool color name →
#C8DCBB
oklch(0.871 0.049 133)
颜色转换
- HEX
- #c8dcbb
- RGB
- rgb(200 220 187)
- HSL
- hsl(96 32% 80%)
- HWB
- hwb(96 73% 14%)
- OKLCH
- oklch(0.871 0.049 133)
- OKLab
- oklab(0.871 -0.034 0.036)
- CIE Lab
- lab(85.59 -11.36 13.91)
- LCH
- lch(85.59 17.96 129.2)
- CMYK
- cmyk(9% 0% 15% 14%)
浅色调 · 深色调 · 灰色调
浅色调
- CDE0C2
- D3E3C8
- D8E7CF
- DEEAD6
- E3EEDD
- E9F1E4
- EEF5EA
- F4F8F1
- F9FCF8
深色调
- AEBFA2
- 94A38A
- 7B8873
- 636E5C
- 4C5446
- 363C32
- 21261F
- 0F110D
- 020202
灰色调
- C1D2B5
- B9C9AF
- B2C0A9
- ABB6A3
- A3AD9D
- 9CA497
- 959B91
- 8E928C
- 878986
配色和谐
互补色 +180°
- C8DCBB
Pale Tidepool
- E0CCEC
≈ Syrian Violet
类似色 -30° +30°
- C8DCBB
Pale Tidepool
- DAD6B1
≈ Morning Moor
- B8DFCB
≈ Refrigerator Green
三角配色 +120° +240°
- C8DCBB
Pale Tidepool
- BED7F5
≈ Delicate Blue Mist
- F3C8CB
≈ Salmon Flush
分裂互补色 +150° +210°
- C8DCBB
Pale Tidepool
- CFD1F5
≈ Frozen Periwinkle
- EDC8DD
≈ Pink Pony
四角配色 +90° +180° +270°
- C8DCBB
Pale Tidepool
- B2DCEC
≈ Whimsy Blue
- E0CCEC
≈ Syrian Violet
- F2CBBB
≈ Watusi
对比度与无障碍
Ag
Fail白底
WCAG 1.45:1 · APCA Lc 22
Ag
AAA黑底
WCAG 14.41:1 · APCA Lc 82
最佳文字颜色: #000000
WCAG 14.41:1 (AAA) · APCA Lc 82
Contrast pairs
代码片段
CSS
:root {
--pale-tidepool: #c8dcbb;
--pale-tidepool-rgb: 200 220 187;
--pale-tidepool-oklch: oklch(0.871 0.049 133);
}
.element {
color: var(--pale-tidepool);
background-color: hsl(96 32% 80%);
border-color: oklch(0.871 0.049 133);
}Tailwind CSS v4
@theme {
--color-pale-tidepool: #c8dcbb;
--color-pale-tidepool-50: #eff9eb;
--color-pale-tidepool-100: #e1ecdc;
--color-pale-tidepool-200: #cbd9c4;
--color-pale-tidepool-300: #adbda4;
--color-pale-tidepool-400: #93a587;
--color-pale-tidepool-500: #798e6c;
--color-pale-tidepool-600: #67785c;
--color-pale-tidepool-700: #526049;
--color-pale-tidepool-800: #3c4634;
--color-pale-tidepool-900: #293024;
--color-pale-tidepool-950: #171d12;
}SCSS
$pale-tidepool: #c8dcbb;
$pale-tidepool-rgb: 200, 220, 187;
$pale-tidepool-light: mix(#fff, $pale-tidepool, 20%);
$pale-tidepool-dark: mix(#000, $pale-tidepool, 20%);
.element {
color: $pale-tidepool;
box-shadow: 0 0 0 2px rgba($pale-tidepool, 0.35);
}