最接近的命名颜色 · #CAD0B4
#CAD0B4
最接近的命名颜色: Bitter Melon
#CAD0B4（rgb(202 208 180)、hsl(73 23% 76%)、oklch(0.845 0.038 117.1)）最接近命名颜色 Bitter Melon。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CAD0B4
oklch(0.845 0.038 117.1)
颜色转换
- HEX
- #cad0b4
- RGB
- rgb(202 208 180)
- HSL
- hsl(73 23% 76%)
- HWB
- hwb(73 71% 18%)
- OKLCH
- oklch(0.845 0.038 117.1)
- OKLab
- oklab(0.845 -0.017 0.034)
- CIE Lab
- lab(82.45 -5.75 13.23)
- LCH
- lch(82.45 14.42 113.5)
- CMYK
- cmyk(3% 0% 13% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- CFD5BB
- D4D9C3
- DADECA
- DFE3D2
- E4E7D9
- E9ECE1
- EFF1E8
- F4F6F0
- FAFAF7
深色调
- AFB59C
- 959A85
- 7C806E
- 646758
- 4D4F44
- 373930
- 22231D
- 0F100C
- 020202
灰色调
- C2C8AF
- BBBFA9
- B3B7A4
- ACAF9F
- A4A79A
- 9D9F95
- 96978F
- 8E8F8A
- 878885
配色和谐
互补色 +180°
- CAD0B4
Bitter Melon
- CEC8E3
≈ Italian Fitch
类似色 -30° +30°
- CAD0B4
Bitter Melon
- D7CBB0
≈ Wood Ash
- BDD4BE
≈ Surf
三角配色 +120° +240°
- CAD0B4
Bitter Melon
- B6D1E3
≈ Delicate Ice
- E2C2CC
≈ In the Slip
分裂互补色 +150° +210°
- CAD0B4
Bitter Melon
- C1CCE6
≈ Periwinkle Grey
- DAC4DA
≈ Simply Lavender
四角配色 +90° +180° +270°
- CAD0B4
Bitter Melon
- B0D4D9
≈ Light Imagine
- CEC8E3
≈ Italian Fitch
- E5C3BF
≈ Rose Coloured Glasses
对比度与无障碍
Ag
Fail白底
WCAG 1.59:1 · APCA Lc 27
Ag
AAA黑底
WCAG 13.19:1 · APCA Lc 76
最佳文字颜色: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--bitter-melon: #cad0b4;
--bitter-melon-rgb: 202 208 180;
--bitter-melon-oklch: oklch(0.845 0.038 117.1);
}
.element {
color: var(--bitter-melon);
background-color: hsl(73 23% 76%);
border-color: oklch(0.845 0.038 117.1);
}Tailwind CSS v4
@theme {
--color-bitter-melon: #cad0b4;
--color-bitter-melon-50: #f4f7eb;
--color-bitter-melon-100: #e6eadc;
--color-bitter-melon-200: #d2d7c5;
--color-bitter-melon-300: #b5bba5;
--color-bitter-melon-400: #9ca288;
--color-bitter-melon-500: #848a6d;
--color-bitter-melon-600: #70755d;
--color-bitter-melon-700: #595d4a;
--color-bitter-melon-800: #424435;
--color-bitter-melon-900: #2d2f24;
--color-bitter-melon-950: #1a1c13;
}SCSS
$bitter-melon: #cad0b4;
$bitter-melon-rgb: 202, 208, 180;
$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);
}