命名颜色 · #DDCC88
Master Key
Master Key 即 #DDCC88：rgb(221 204 136)、hsl(48 56% 70%)、oklch(0.844 0.089 95.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Master Key color name →
#DDCC88
oklch(0.844 0.089 95.8)
颜色转换
- HEX
- #ddcc88
- RGB
- rgb(221 204 136)
- HSL
- hsl(48 56% 70%)
- HWB
- hwb(48 53% 13%)
- OKLCH
- oklch(0.844 0.089 95.8)
- OKLab
- oklab(0.844 -0.009 0.089)
- CIE Lab
- lab(82.31 -0.93 36.16)
- LCH
- lch(82.31 36.17 91.5)
- CMYK
- cmyk(0% 8% 38% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E0D194
- E4D6A1
- E7DBAD
- EAE1B9
- EEE6C4
- F1EBD0
- F5F0DC
- F8F5E8
- FCFAF3
深色调
- C0B175
- A49763
- 887E52
- 6E6541
- 554E31
- 3D3722
- 262213
- 110F06
- 020201
灰色调
- D3C488
- CABC88
- C0B587
- B7AD87
- ADA686
- A49E85
- 9B9684
- 928F83
- 898781
配色和谐
互补色 +180°
- DDCC88
Master Key
- BDC8FF
≈ Light Periwinkle
类似色 -30° +30°
- DDCC88
Master Key
- F4C08D
≈ Dusty Boots
- BDD797
≈ Lickety Split
三角配色 +120° +240°
- DDCC88
Master Key
- 84DBF1
≈ Photon Barrier
- F1B6E2
≈ Soft Cashmere
分裂互补色 +150° +210°
- DDCC88
Master Key
- 9FD2FF
≈ Baby Blue
- DABDFB
≈ Lavender Fragrance
四角配色 +90° +180° +270°
- DDCC88
Master Key
- 84DFD4
≈ Sea Foam
- BDC8FF
≈ Light Periwinkle
- FFB4C3
≈ Matt Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.60:1 · APCA Lc 27
Ag
AAA黑底
WCAG 13.06:1 · APCA Lc 76
最佳文字颜色: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--master-key: #ddcc88;
--master-key-rgb: 221 204 136;
--master-key-oklch: oklch(0.844 0.089 95.8);
}
.element {
color: var(--master-key);
background-color: hsl(48 56% 70%);
border-color: oklch(0.844 0.089 95.8);
}Tailwind CSS v4
@theme {
--color-master-key: #ddcc88;
--color-master-key-50: #fcf6d9;
--color-master-key-100: #f0e9c7;
--color-master-key-200: #ded5aa;
--color-master-key-300: #c3b883;
--color-master-key-400: #ae9e60;
--color-master-key-500: #98863a;
--color-master-key-600: #807132;
--color-master-key-700: #675b28;
--color-master-key-800: #4d421b;
--color-master-key-900: #352d11;
--color-master-key-950: #201a04;
}SCSS
$master-key: #ddcc88;
$master-key-rgb: 221, 204, 136;
$master-key-light: mix(#fff, $master-key, 20%);
$master-key-dark: mix(#000, $master-key, 20%);
.element {
color: $master-key;
box-shadow: 0 0 0 2px rgba($master-key, 0.35);
}