最接近的命名颜色 · #CDD0AB
#CDD0AB
最接近的命名颜色: Bitter Melon
#CDD0AB（rgb(205 208 171)、hsl(65 28% 74%)、oklch(0.846 0.05 111.2)）最接近命名颜色 Bitter Melon。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CDD0AB
oklch(0.846 0.05 111.2)
颜色转换
- HEX
- #cdd0ab
- RGB
- rgb(205 208 171)
- HSL
- hsl(65 28% 74%)
- HWB
- hwb(65 67% 18%)
- OKLCH
- oklch(0.846 0.05 111.2)
- OKLab
- oklab(0.846 -0.018 0.046)
- CIE Lab
- lab(82.52 -5.68 18.1)
- LCH
- lch(82.52 18.97 107.4)
- CMYK
- cmyk(1% 0% 18% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- D2D5B3
- D7D9BC
- DCDEC4
- E1E3CC
- E6E7D5
- EBECDD
- F0F1E6
- F5F6EE
- FAFAF7
深色调
- B2B594
- 989A7E
- 7E8068
- 666754
- 4E4F40
- 38392D
- 23231B
- 0F100B
- 020201
灰色调
- C5C8A7
- BDC0A2
- B5B79E
- ADAF9A
- A6A796
- 9E9F91
- 96978D
- 8F8F89
- 878884
配色和谐
互补色 +180°
- CDD0AB
Bitter Melon
- CCC7EB
≈ Soap
类似色 -30° +30°
- CDD0AB
Bitter Melon
- DDCAA8
≈ Egg Liqueur
- BBD5B7
≈ Nature
三角配色 +120° +240°
- CDD0AB
Bitter Melon
- ACD3E7
≈ Monaco
- E7C0D0
≈ Childlike
分裂互补色 +150° +210°
- CDD0AB
Bitter Melon
- BACDEE
≈ Frost Fairy
- DCC2E0
≈ Epiphany
四角配色 +90° +180° +270°
- CDD0AB
Bitter Melon
- A7D7DA
≈ Crystal
- CCC7EB
≈ Soap
- EBC0BE
≈ Cafe Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.59:1 · APCA Lc 27
Ag
AAA黑底
WCAG 13.20:1 · APCA Lc 76
最佳文字颜色: #000000
WCAG 13.20:1 (AAA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--bitter-melon: #cdd0ab;
--bitter-melon-rgb: 205 208 171;
--bitter-melon-oklch: oklch(0.846 0.05 111.2);
}
.element {
color: var(--bitter-melon);
background-color: hsl(65 28% 74%);
border-color: oklch(0.846 0.05 111.2);
}Tailwind CSS v4
@theme {
--color-bitter-melon: #cdd0ab;
--color-bitter-melon-50: #f5f7e7;
--color-bitter-melon-100: #e7ead7;
--color-bitter-melon-200: #d4d7bf;
--color-bitter-melon-300: #b7bb9e;
--color-bitter-melon-400: #9fa280;
--color-bitter-melon-500: #878a63;
--color-bitter-melon-600: #727554;
--color-bitter-melon-700: #5b5d43;
--color-bitter-melon-800: #434430;
--color-bitter-melon-900: #2f2f20;
--color-bitter-melon-950: #1b1b10;
}SCSS
$bitter-melon: #cdd0ab;
$bitter-melon-rgb: 205, 208, 171;
$bitter-melon-light: mix(#fff, $bitter-melon, 20%);
$bitter-melon-dark: mix(#000, $bitter-melon, 20%);
.element {
color: $bitter-melon;
box-shadow: 0 0 0 2px rgba($bitter-melon, 0.35);
}