命名颜色 · #D2BD0A
Mustard Flower
Mustard Flower 即 #D2BD0A：rgb(210 189 10)、hsl(54 91% 43%)、oklch(0.792 0.164 101.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Mustard Flower color name →
#D2BD0A
oklch(0.792 0.164 101.2)
颜色转换
- HEX
- #d2bd0a
- RGB
- rgb(210 189 10)
- HSL
- hsl(54 91% 43%)
- HWB
- hwb(54 4% 18%)
- OKLCH
- oklch(0.792 0.164 101.2)
- OKLab
- oklab(0.792 -0.032 0.161)
- CIE Lab
- lab(76.58 -3.5 75.89)
- LCH
- lch(76.58 75.97 92.6)
- CMYK
- cmyk(0% 10% 95% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- D6C441
- DBCB5E
- DFD276
- E3D88B
- E8DFA0
- ECE6B3
- F1ECC7
- F6F2DA
- FAF9EC
深色调
- B6A407
- 9B8C05
- 817403
- 685D02
- 504701
- 393301
- 241F00
- 100D00
- 020200
灰色调
- C9B72F
- C1B142
- B8AB4F
- B0A559
- A89F62
- A09969
- 979370
- 908D76
- 88867B
配色和谐
互补色 +180°
- D2BD0A
Mustard Flower
- AFB3FF
≈ Winterspring Lilac
类似色 -30° +30°
- D2BD0A
Mustard Flower
- FBA61E
≈ California Girl
- 95D058
≈ Bright Lettuce
三角配色 +120° +240°
- D2BD0A
Mustard Flower
- 00CFFC
≈ Tropical Turquoise
- FF8FD9
≈ Pink Delight
分裂互补色 +150° +210°
- D2BD0A
Mustard Flower
- 86C0FF
≈ Scenic Water
- D99FFF
≈ Medium Lavender Magenta
四角配色 +90° +180° +270°
- D2BD0A
Mustard Flower
- 00D6D0
≈ Turquoise Panic
- AFB3FF
≈ Winterspring Lilac
- FF99A7
≈ Fight the Sunrise
对比度与无障碍
Ag
Fail白底
WCAG 1.90:1 · APCA Lc 36
Ag
AAA黑底
WCAG 11.02:1 · APCA Lc 66
最佳文字颜色: #000000
WCAG 11.02:1 (AAA) · APCA Lc 66
Contrast pairs
代码片段
CSS
:root {
--mustard-flower: #d2bd0a;
--mustard-flower-rgb: 210 189 10;
--mustard-flower-oklch: oklch(0.792 0.164 101.2);
}
.element {
color: var(--mustard-flower);
background-color: hsl(54 91% 43%);
border-color: oklch(0.792 0.164 101.2);
}Tailwind CSS v4
@theme {
--color-mustard-flower: #d2bd0a;
--color-mustard-flower-50: #fdf8c2;
--color-mustard-flower-100: #f1ebab;
--color-mustard-flower-200: #e0d883;
--color-mustard-flower-300: #c7bb4c;
--color-mustard-flower-400: #b4a000;
--color-mustard-flower-500: #9f8600;
--color-mustard-flower-600: #867200;
--color-mustard-flower-700: #6b5b00;
--color-mustard-flower-800: #514200;
--color-mustard-flower-900: #382d00;
--color-mustard-flower-950: #231a00;
}SCSS
$mustard-flower: #d2bd0a;
$mustard-flower-rgb: 210, 189, 10;
$mustard-flower-light: mix(#fff, $mustard-flower, 20%);
$mustard-flower-dark: mix(#000, $mustard-flower, 20%);
.element {
color: $mustard-flower;
box-shadow: 0 0 0 2px rgba($mustard-flower, 0.35);
}