命名颜色 · #DEDDAA
Tonic
Tonic 即 #DEDDAA：rgb(222 221 170)、hsl(59 44% 77%)、oklch(0.886 0.067 106.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Tonic color name →
#DEDDAA
oklch(0.886 0.067 106.8)
颜色转换
- HEX
- #deddaa
- RGB
- rgb(222 221 170)
- HSL
- hsl(59 44% 77%)
- HWB
- hwb(59 67% 13%)
- OKLCH
- oklch(0.886 0.067 106.8)
- OKLab
- oklab(0.886 -0.019 0.064)
- CIE Lab
- lab(87.25 -5.64 25.3)
- LCH
- lch(87.25 25.92 102.6)
- CMYK
- cmyk(0% 0% 23% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E1E0B3
- E4E4BB
- E8E7C4
- EBEBCC
- EEEED5
- F2F2DD
- F5F5E6
- F8F8EE
- FCFCF7
深色调
- C1C093
- A5A47D
- 898868
- 6F6E53
- 55553F
- 3D3D2D
- 26261B
- 12110B
- 020201
灰色调
- D4D3A6
- CACAA2
- C1C09E
- B7B79A
- AEAD96
- A4A491
- 9B9B8D
- 929289
- 898984
配色和谐
互补色 +180°
- DEDDAA
Tonic
- D6D4FF
≈ Pale Lavender
类似色 -30° +30°
- DEDDAA
Tonic
- F3D4A8
≈ Straw Hat
- C5E4B9
≈ Iced Avocado
三角配色 +120° +240°
- DEDDAA
Tonic
- ABE3FC
≈ Frozen Landscape
- FCC8E2
≈ Sugarwinkle
分裂互补色 +150° +210°
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.39:1 · APCA Lc 19
Ag
AAA黑底
WCAG 15.02:1 · APCA Lc 84
最佳文字颜色: #000000
WCAG 15.02:1 (AAA) · APCA Lc 84
Contrast pairs
代码片段
CSS
:root {
--tonic: #deddaa;
--tonic-rgb: 222 221 170;
--tonic-oklch: oklch(0.886 0.067 106.8);
}
.element {
color: var(--tonic);
background-color: hsl(59 44% 77%);
border-color: oklch(0.886 0.067 106.8);
}Tailwind CSS v4
@theme {
--color-tonic: #deddaa;
--color-tonic-50: #f6f7e1;
--color-tonic-100: #e9ead1;
--color-tonic-200: #d6d7b7;
--color-tonic-300: #babb93;
--color-tonic-400: #a3a273;
--color-tonic-500: #8b8954;
--color-tonic-600: #767448;
--color-tonic-700: #5e5d39;
--color-tonic-800: #464428;
--color-tonic-900: #302f1b;
--color-tonic-950: #1d1b0b;
}SCSS
$tonic: #deddaa;
$tonic-rgb: 222, 221, 170;
$tonic-light: mix(#fff, $tonic, 20%);
$tonic-dark: mix(#000, $tonic, 20%);
.element {
color: $tonic;
box-shadow: 0 0 0 2px rgba($tonic, 0.35);
}