命名颜色 · #CCDD99
Pear Perfume
Pear Perfume 即 #CCDD99：rgb(204 221 153)、hsl(75 50% 73%)、oklch(0.868 0.091 119.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Pear Perfume color name →
#CCDD99
oklch(0.868 0.091 119.7)
颜色转换
- HEX
- #ccdd99
- RGB
- rgb(204 221 153)
- HSL
- hsl(75 50% 73%)
- HWB
- hwb(75 60% 13%)
- OKLCH
- oklch(0.868 0.091 119.7)
- OKLab
- oklab(0.868 -0.045 0.079)
- CIE Lab
- lab(85.61 -14.11 31.48)
- LCH
- lch(85.61 34.5 114.1)
- CMYK
- cmyk(8% 0% 31% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- D1E1A4
- D6E4AE
- DBE7B8
- E0EBC3
- E5EECD
- EAF2D7
- EFF5E1
- F5F8EB
- FAFCF5
深色调
- B1C084
- 97A470
- 7E885D
- 656E4A
- 4E5538
- 373D27
- 222617
- 0F1108
- 020201
灰色调
- C4D397
- BCCA95
- B4C093
- ADB790
- A5AE8E
- 9EA48B
- 969B89
- 8F9286
- 878983
配色和谐
互补色 +180°
- CCDD99
Pear Perfume
- DBC9FF
≈ Foggy Heath
类似色 -30° +30°
- CCDD99
Pear Perfume
- EBD28E
≈ Sweet Angelica
- A9E5B4
≈ Overtone
三角配色 +120° +240°
- CCDD99
Pear Perfume
- A9DBFF
≈ Droplet
- FFBFD2
≈ Garden Glory
分裂互补色 +150° +210°
- CCDD99
Pear Perfume
- C3D3FF
≈ Pale Phthalo Blue
- F6BFF1
≈ Pink Quartz
四角配色 +90° +180° +270°
- CCDD99
Pear Perfume
- 88E5F4
≈ Photon Barrier
- DBC9FF
≈ Foggy Heath
- FFC3B9
≈ Impatiens Pink
对比度与无障碍
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 {
--pear-perfume: #ccdd99;
--pear-perfume-rgb: 204 221 153;
--pear-perfume-oklch: oklch(0.868 0.091 119.7);
}
.element {
color: var(--pear-perfume);
background-color: hsl(75 50% 73%);
border-color: oklch(0.868 0.091 119.7);
}Tailwind CSS v4
@theme {
--color-pear-perfume: #ccdd99;
--color-pear-perfume-50: #f1fadd;
--color-pear-perfume-100: #e3edcc;
--color-pear-perfume-200: #cedbb0;
--color-pear-perfume-300: #b0bf8b;
--color-pear-perfume-400: #98a768;
--color-pear-perfume-500: #7f8f46;
--color-pear-perfume-600: #6b793c;
--color-pear-perfume-700: #566130;
--color-pear-perfume-800: #404720;
--color-pear-perfume-900: #2c3115;
--color-pear-perfume-950: #191d07;
}SCSS
$pear-perfume: #ccdd99;
$pear-perfume-rgb: 204, 221, 153;
$pear-perfume-light: mix(#fff, $pear-perfume, 20%);
$pear-perfume-dark: mix(#000, $pear-perfume, 20%);
.element {
color: $pear-perfume;
box-shadow: 0 0 0 2px rgba($pear-perfume, 0.35);
}