命名颜色 · #D6A766
Ungor Beige
Ungor Beige 即 #D6A766：rgb(214 167 102)、hsl(35 58% 62%)、oklch(0.758 0.1 74.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Ungor Beige color name →
#D6A766
oklch(0.758 0.1 74.3)
颜色转换
- HEX
- #d6a766
- RGB
- rgb(214 167 102)
- HSL
- hsl(35 58% 62%)
- HWB
- hwb(35 40% 16%)
- OKLCH
- oklch(0.758 0.1 74.3)
- OKLab
- oklab(0.758 0.027 0.096)
- CIE Lab
- lab(71.87 12.22 40.32)
- LCH
- lch(71.87 42.13 73.1)
- CMYK
- cmyk(0% 22% 52% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- DAB076
- DFB986
- E3C195
- E7CAA4
- EBD3B4
- EFDCC3
- F3E5D2
- F7EDE1
- FBF6F0
深色调
- BA9158
- 9E7B4A
- 84663C
- 6A522F
- 523E23
- 3B2C17
- 251A0C
- 100A04
- 020100
灰色调
- CDA36A
- C59F6D
- BC9C71
- B39873
- AB9476
- A29078
- 998C7B
- 91887D
- 88847E
配色和谐
互补色 +180°
- D6A766
Ungor Beige
- 84B4EF
≈ Fly Away
类似色 -30° +30°
- D6A766
Ungor Beige
- E69C7C
≈ Les Demoiselles d’Avignon
- BAB467
≈ Hi Def Lime
三角配色 +120° +240°
- D6A766
Ungor Beige
- 57C4C3
≈ Port Hope
- C89DDD
≈ Silver Rust
分裂互补色 +150° +210°
- D6A766
Ungor Beige
- 62BEDF
≈ Sea Capture
- A9A8EE
≈ Maximum Blue Purple
四角配色 +90° +180° +270°
- D6A766
Ungor Beige
- 6FC5A0
≈ Gem Silica
- 84B4EF
≈ Fly Away
- DE97C0
≈ Lilac Chiffon
对比度与无障碍
Ag
Fail白底
WCAG 2.19:1 · APCA Lc 43
Ag
AAA黑底
WCAG 9.57:1 · APCA Lc 59
最佳文字颜色: #000000
WCAG 9.57:1 (AAA) · APCA Lc 59
Contrast pairs
代码片段
CSS
:root {
--ungor-beige: #d6a766;
--ungor-beige-rgb: 214 167 102;
--ungor-beige-oklch: oklch(0.758 0.1 74.3);
}
.element {
color: var(--ungor-beige);
background-color: hsl(35 58% 62%);
border-color: oklch(0.758 0.1 74.3);
}Tailwind CSS v4
@theme {
--color-ungor-beige: #d6a766;
--color-ungor-beige-50: #fff2d6;
--color-ungor-beige-100: #fbe4c4;
--color-ungor-beige-200: #edcfa5;
--color-ungor-beige-300: #d5b17d;
--color-ungor-beige-400: #c19659;
--color-ungor-beige-500: #ad7b30;
--color-ungor-beige-600: #92692a;
--color-ungor-beige-700: #755422;
--color-ungor-beige-800: #573c17;
--color-ungor-beige-900: #3d290f;
--color-ungor-beige-950: #261703;
}SCSS
$ungor-beige: #d6a766;
$ungor-beige-rgb: 214, 167, 102;
$ungor-beige-light: mix(#fff, $ungor-beige, 20%);
$ungor-beige-dark: mix(#000, $ungor-beige, 20%);
.element {
color: $ungor-beige;
box-shadow: 0 0 0 2px rgba($ungor-beige, 0.35);
}