最接近的命名颜色 · #D6BB5F
#D6BB5F
最接近的命名颜色: Luxurious
#D6BB5F（rgb(214 187 95)、hsl(46 59% 61%)、oklch(0.797 0.116 93.3)）最接近命名颜色 Luxurious。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D6BB5F
oklch(0.797 0.116 93.3)
颜色转换
- HEX
- #d6bb5f
- RGB
- rgb(214 187 95)
- HSL
- hsl(46 59% 61%)
- HWB
- hwb(46 37% 16%)
- OKLCH
- oklch(0.797 0.116 93.3)
- OKLab
- oklab(0.797 -0.007 0.116)
- CIE Lab
- lab(76.85 1.75 49.54)
- LCH
- lch(76.85 49.57 88)
- CMYK
- cmyk(0% 13% 56% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- DAC271
- DEC982
- E2D093
- E6D7A3
- EADDB2
- EEE4C2
- F3EBD1
- F7F2E0
- FBF8F0
深色调
- BAA252
- 9E8A44
- 847338
- 6A5C2C
- 524620
- 3B3215
- 251F0A
- 100D03
- 020200
灰色调
- CDB565
- C4AF69
- BBA96E
- B3A371
- AA9E75
- A19878
- 99927A
- 918C7C
- 88867E
配色和谐
互补色 +180°
- D6BB5F
Luxurious
- A7B8FF
≈ Truesky Gloxym
类似色 -30° +30°
- D6BB5F
Luxurious
- F1AC6A
≈ Lion of Menecrates
- AEC973
≈ Young Leaf
三角配色 +120° +240°
- D6BB5F
Luxurious
- 4FD0E9
≈ Watercourse
- EAA0DC
≈ Candy Floss
分裂互补色 +150° +210°
- D6BB5F
Luxurious
- 7AC5FF
≈ Maya Blue
- CCAAFA
≈ Purple Hepatica
四角配色 +90° +180° +270°
- D6BB5F
Luxurious
- 53D5C4
≈ Jamaican Jade
- A7B8FF
≈ Truesky Gloxym
- FB9CB5
≈ Saira Red
对比度与无障碍
Ag
Fail白底
WCAG 1.88:1 · APCA Lc 36
Ag
AAA黑底
WCAG 11.13:1 · APCA Lc 67
最佳文字颜色: #000000
WCAG 11.13:1 (AAA) · APCA Lc 67
Contrast pairs
代码片段
CSS
:root {
--luxurious: #d6bb5f;
--luxurious-rgb: 214 187 95;
--luxurious-oklch: oklch(0.797 0.116 93.3);
}
.element {
color: var(--luxurious);
background-color: hsl(46 59% 61%);
border-color: oklch(0.797 0.116 93.3);
}Tailwind CSS v4
@theme {
--color-luxurious: #d6bb5f;
--color-luxurious-50: #fff6d0;
--color-luxurious-100: #f4e8bd;
--color-luxurious-200: #e3d49c;
--color-luxurious-300: #cab771;
--color-luxurious-400: #b69d46;
--color-luxurious-500: #a08300;
--color-luxurious-600: #886f08;
--color-luxurious-700: #6d5908;
--color-luxurious-800: #514004;
--color-luxurious-900: #392c03;
--color-luxurious-950: #231900;
}SCSS
$luxurious: #d6bb5f;
$luxurious-rgb: 214, 187, 95;
$luxurious-light: mix(#fff, $luxurious, 20%);
$luxurious-dark: mix(#000, $luxurious, 20%);
.element {
color: $luxurious;
box-shadow: 0 0 0 2px rgba($luxurious, 0.35);
}