命名颜色 · #CADBBD
Bethany
Bethany 即 #CADBBD：rgb(202 219 189)、hsl(94 29% 80%)、oklch(0.871 0.044 131.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Bethany color name →
#CADBBD
oklch(0.871 0.044 131.5)
颜色转换
- HEX
- #cadbbd
- RGB
- rgb(202 219 189)
- HSL
- hsl(94 29% 80%)
- HWB
- hwb(94 74% 14%)
- OKLCH
- oklch(0.871 0.044 131.5)
- OKLab
- oklab(0.871 -0.029 0.033)
- CIE Lab
- lab(85.51 -9.92 12.78)
- LCH
- lch(85.51 16.18 127.8)
- CMYK
- cmyk(8% 0% 14% 14%)
浅色调 · 深色调 · 灰色调
浅色调
- CFDFC4
- D4E2CA
- DAE6D1
- DFE9D7
- E4EDDE
- EAF1E4
- EFF4EB
- F4F8F2
- FAFBF8
深色调
- AFBEA4
- 95A28C
- 7C8774
- 646D5D
- 4D5447
- 373C33
- 22261F
- 0F110D
- 020202
灰色调
- C2D2B7
- BBC8B1
- B3BFAA
- ACB6A4
- A4AC9E
- 9DA398
- 969A92
- 8E928C
- 878986
配色和谐
互补色 +180°
- CADBBD
Bethany
- DECDEA
≈ Plum’s the Word
类似色 -30° +30°
- CADBBD
Bethany
- DAD6B5
≈ Spring Day
- BCDECB
≈ Refrigerator Green
三角配色 +120° +240°
- CADBBD
Bethany
- C0D7F1
≈ Delicate Blue Mist
- F0C9CD
≈ Feather Boa
分裂互补色 +150° +210°
- CADBBD
Bethany
- CFD2F2
≈ Frozen Periwinkle
- EACADD
≈ Merry Pink
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.46:1 · APCA Lc 22
Ag
AAA黑底
WCAG 14.37:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.37:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--bethany: #cadbbd;
--bethany-rgb: 202 219 189;
--bethany-oklch: oklch(0.871 0.044 131.5);
}
.element {
color: var(--bethany);
background-color: hsl(94 29% 80%);
border-color: oklch(0.871 0.044 131.5);
}Tailwind CSS v4
@theme {
--color-bethany: #cadbbd;
--color-bethany-50: #f0f8eb;
--color-bethany-100: #e2ebdc;
--color-bethany-200: #cdd9c6;
--color-bethany-300: #aebda6;
--color-bethany-400: #95a489;
--color-bethany-500: #7c8d6e;
--color-bethany-600: #69775d;
--color-bethany-700: #545f4b;
--color-bethany-800: #3d4635;
--color-bethany-900: #2a3024;
--color-bethany-950: #181c13;
}SCSS
$bethany: #cadbbd;
$bethany-rgb: 202, 219, 189;
$bethany-light: mix(#fff, $bethany, 20%);
$bethany-dark: mix(#000, $bethany, 20%);
.element {
color: $bethany;
box-shadow: 0 0 0 2px rgba($bethany, 0.35);
}