命名颜色 · #D7E2BC
Cardamom Fragrance
Cardamom Fragrance 即 #D7E2BC：rgb(215 226 188)、hsl(77 40% 81%)、oklch(0.895 0.052 120.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Cardamom Fragrance color name →
#D7E2BC
oklch(0.895 0.052 120.6)
颜色转换
- HEX
- #d7e2bc
- RGB
- rgb(215 226 188)
- HSL
- hsl(77 40% 81%)
- HWB
- hwb(77 74% 11%)
- OKLCH
- oklch(0.895 0.052 120.6)
- OKLab
- oklab(0.895 -0.026 0.045)
- CIE Lab
- lab(88.3 -8.66 17.35)
- LCH
- lch(88.3 19.39 116.5)
- CMYK
- cmyk(5% 0% 17% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- DBE5C3
- DFE8C9
- E3EBD0
- E7EED7
- EBF1DD
- EFF3E4
- F3F6EB
- F7F9F2
- FBFCF8
深色调
- BBC4A3
- 9FA88B
- 858C73
- 6B715D
- 525747
- 3B3E32
- 25271F
- 11120D
- 020302
灰色调
- CED8B6
- C5CEB0
- BCC4AA
- B3BAA4
- AAB09E
- A2A698
- 999C92
- 91938C
- 888986
配色和谐
互补色 +180°
- D7E2BC
Cardamom Fragrance
- E1D5FA
≈ Japan Blush
类似色 -30° +30°
- D7E2BC
Cardamom Fragrance
- E9DCB6
≈ Jodhpurs
- C5E7CB
≈ Granny Apple
三角配色 +120° +240°
- D7E2BC
Cardamom Fragrance
- BEE2FC
≈ Dithered Sky
- FBCFDA
≈ Bologna Sausage
分裂互补色 +150° +210°
- D7E2BC
Cardamom Fragrance
- CFDBFF
≈ Icy Plains
- F1D0ED
≈ Sparkling Pink
四角配色 +90° +180° +270°
- D7E2BC
Cardamom Fragrance
- B5E6F0
≈ Winter Escape
- E1D5FA
≈ Japan Blush
- FDD0C8
≈ Snow Pa
对比度与无障碍
Ag
Fail白底
WCAG 1.35:1 · APCA Lc 17
Ag
AAA黑底
WCAG 15.49:1 · APCA Lc 86
最佳文字颜色: #000000
WCAG 15.49:1 (AAA) · APCA Lc 86
Contrast pairs
代码片段
CSS
:root {
--cardamom-fragrance: #d7e2bc;
--cardamom-fragrance-rgb: 215 226 188;
--cardamom-fragrance-oklch: oklch(0.895 0.052 120.6);
}
.element {
color: var(--cardamom-fragrance);
background-color: hsl(77 40% 81%);
border-color: oklch(0.895 0.052 120.6);
}Tailwind CSS v4
@theme {
--color-cardamom-fragrance: #d7e2bc;
--color-cardamom-fragrance-50: #f2f8e8;
--color-cardamom-fragrance-100: #e4ebd8;
--color-cardamom-fragrance-200: #d0d8c0;
--color-cardamom-fragrance-300: #b2bc9f;
--color-cardamom-fragrance-400: #9aa381;
--color-cardamom-fragrance-500: #818c65;
--color-cardamom-fragrance-600: #6d7656;
--color-cardamom-fragrance-700: #575f44;
--color-cardamom-fragrance-800: #404531;
--color-cardamom-fragrance-900: #2c3021;
--color-cardamom-fragrance-950: #191c10;
}SCSS
$cardamom-fragrance: #d7e2bc;
$cardamom-fragrance-rgb: 215, 226, 188;
$cardamom-fragrance-light: mix(#fff, $cardamom-fragrance, 20%);
$cardamom-fragrance-dark: mix(#000, $cardamom-fragrance, 20%);
.element {
color: $cardamom-fragrance;
box-shadow: 0 0 0 2px rgba($cardamom-fragrance, 0.35);
}