命名颜色 · #DDBB33
Wax
Wax 即 #DDBB33：rgb(221 187 51)、hsl(48 71% 53%)、oklch(0.799 0.149 94.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Wax color name →
#DDBB33
oklch(0.799 0.149 94.1)
颜色转换
- HEX
- #ddbb33
- RGB
- rgb(221 187 51)
- HSL
- hsl(48 71% 53%)
- HWB
- hwb(48 20% 13%)
- OKLCH
- oklch(0.799 0.149 94.1)
- OKLab
- oklab(0.799 -0.011 0.149)
- CIE Lab
- lab(77.23 2.88 68.12)
- LCH
- lch(77.23 68.18 87.6)
- CMYK
- cmyk(0% 15% 77% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E0C252
- E4C96A
- E7D07F
- EAD793
- EEDEA6
- F1E5B8
- F5EBCA
- F8F2DC
- FCF8ED
深色调
- C0A22B
- A48A23
- 88731C
- 6E5C14
- 55460D
- 3D3207
- 261F03
- 110D01
- 020200
灰色调
- D3B543
- CAAF4F
- C0AA59
- B7A461
- AD9E68
- A4986E
- 9B9273
- 928C78
- 89867C
配色和谐
互补色 +180°
- DDBB33
Wax
- A9B9FF
≈ Pastel Blue
类似色 -30° +30°
三角配色 +120° +240°
分裂互补色 +150° +210°
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.86:1 · APCA Lc 35
Ag
AAA黑底
WCAG 11.23:1 · APCA Lc 67
最佳文字颜色: #000000
WCAG 11.23:1 (AAA) · APCA Lc 67
Contrast pairs
代码片段
CSS
:root {
--wax: #ddbb33;
--wax-rgb: 221 187 51;
--wax-oklch: oklch(0.799 0.149 94.1);
}
.element {
color: var(--wax);
background-color: hsl(48 71% 53%);
border-color: oklch(0.799 0.149 94.1);
}Tailwind CSS v4
@theme {
--color-wax: #ddbb33;
--color-wax-50: #fff6c5;
--color-wax-100: #f6e9af;
--color-wax-200: #e7d589;
--color-wax-300: #ceb757;
--color-wax-400: #bb9c09;
--color-wax-500: #a78200;
--color-wax-600: #8d6e00;
--color-wax-700: #715800;
--color-wax-800: #553f00;
--color-wax-900: #3b2c00;
--color-wax-950: #251900;
}SCSS
$wax: #ddbb33;
$wax-rgb: 221, 187, 51;
$wax-light: mix(#fff, $wax, 20%);
$wax-dark: mix(#000, $wax, 20%);
.element {
color: $wax;
box-shadow: 0 0 0 2px rgba($wax, 0.35);
}