命名颜色 · #DDB582
Cellini Gold
Cellini Gold 即 #DDB582：rgb(221 181 130)、hsl(34 57% 69%)、oklch(0.797 0.081 73)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Cellini Gold color name →
#DDB582
oklch(0.797 0.081 73)
颜色转换
- HEX
- #ddb582
- RGB
- rgb(221 181 130)
- HSL
- hsl(34 57% 69%)
- HWB
- hwb(34 51% 13%)
- OKLCH
- oklch(0.797 0.081 73)
- OKLab
- oklab(0.797 0.024 0.078)
- CIE Lab
- lab(76.42 9.99 31.73)
- LCH
- lch(76.42 33.26 72.5)
- CMYK
- cmyk(0% 18% 41% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E1BC8F
- E4C49B
- E8CBA8
- EBD3B4
- EEDAC1
- F2E1CD
- F5E9DA
- F9F0E6
- FCF8F2
深色调
- C09D70
- A4865F
- 886F4E
- 6E593E
- 55442F
- 3D3020
- 261D12
- 110C06
- 020201
灰色调
- D3B082
- CAAA83
- C0A583
- B7A083
- AE9A83
- A59582
- 9B9082
- 928B81
- 898581
配色和谐
互补色 +180°
- DDB582
Cellini Gold
- 98C0F0
≈ Sail to the Sea
类似色 -30° +30°
- DDB582
Cellini Gold
- EAAC93
≈ Aloha Sunset
- C6BF82
≈ Wheat Grass
三角配色 +120° +240°
- DDB582
Cellini Gold
- 7BCECB
≈ Blue Green Gem
- CFAEE2
≈ Whisper of Plum
分裂互补色 +150° +210°
- DDB582
Cellini Gold
- 80C9E3
≈ Budgie Blue
- B5B7F0
≈ Purple Illusion
四角配色 +90° +180° +270°
- DDB582
Cellini Gold
- 8CCEAE
≈ Vile Green
- 98C0F0
≈ Sail to the Sea
- E2A8CB
≈ Pink Bliss
对比度与无障碍
Ag
Fail白底
WCAG 1.90:1 · APCA Lc 36
Ag
AAA黑底
WCAG 11.00:1 · APCA Lc 66
最佳文字颜色: #000000
WCAG 11.00:1 (AAA) · APCA Lc 66
Contrast pairs
代码片段
CSS
:root {
--cellini-gold: #ddb582;
--cellini-gold-rgb: 221 181 130;
--cellini-gold-oklch: oklch(0.797 0.081 73);
}
.element {
color: var(--cellini-gold);
background-color: hsl(34 57% 69%);
border-color: oklch(0.797 0.081 73);
}Tailwind CSS v4
@theme {
--color-cellini-gold: #ddb582;
--color-cellini-gold-50: #fff2dc;
--color-cellini-gold-100: #f8e5cb;
--color-cellini-gold-200: #e9d0ae;
--color-cellini-gold-300: #d0b289;
--color-cellini-gold-400: #bc9768;
--color-cellini-gold-500: #a77d46;
--color-cellini-gold-600: #8d6a3c;
--color-cellini-gold-700: #71552f;
--color-cellini-gold-800: #543d21;
--color-cellini-gold-900: #3b2a16;
--color-cellini-gold-950: #251807;
}SCSS
$cellini-gold: #ddb582;
$cellini-gold-rgb: 221, 181, 130;
$cellini-gold-light: mix(#fff, $cellini-gold, 20%);
$cellini-gold-dark: mix(#000, $cellini-gold, 20%);
.element {
color: $cellini-gold;
box-shadow: 0 0 0 2px rgba($cellini-gold, 0.35);
}