命名颜色 · #FDDEA5
Bachimitsu Gold
Bachimitsu Gold 即 #FDDEA5：rgb(253 222 165)、hsl(39 96% 82%)、oklch(0.913 0.081 82.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Bachimitsu Gold color name →
#FDDEA5
oklch(0.913 0.081 82.5)
颜色转换
- HEX
- #fddea5
- RGB
- rgb(253 222 165)
- HSL
- hsl(39 96% 82%)
- HWB
- hwb(39 65% 1%)
- OKLCH
- oklch(0.913 0.081 82.5)
- OKLab
- oklab(0.913 0.011 0.08)
- CIE Lab
- lab(90.09 5.27 32.17)
- LCH
- lch(90.09 32.6 80.7)
- CMYK
- cmyk(0% 12% 35% 1%)
浅色调 · 深色调 · 灰色调
浅色调
- FDE1AE
- FEE5B8
- FEE8C1
- FEEBCA
- FEEFD3
- FEF2DC
- FFF5E5
- FFF9ED
- FFFCF6
深色调
- DCC18F
- BCA579
- 9D8965
- 7F6F51
- 62553D
- 473D2B
- 2D261A
- 16120A
- 030201
灰色调
- F0D4A2
- E3CB9E
- D6C19B
- C9B897
- BDAE94
- B0A590
- A49B8C
- 989288
- 8C8984
配色和谐
互补色 +180°
- FDDEA5
Bachimitsu Gold
- D4E3FF
≈ Stoic White
类似色 -30° +30°
- FDDEA5
Bachimitsu Gold
- FFDAC4
≈ Sugared Peach
- E3E8AA
≈ Hip Hop
三角配色 +120° +240°
- FDDEA5
Bachimitsu Gold
- A0F3FA
≈ Waterspout
- FAD3FF
≈ Pink Diamond
分裂互补色 +150° +210°
- FDDEA5
Bachimitsu Gold
- C2E9FF
≈ Blue Java Banana
- E2DDFF
≈ Contrail
四角配色 +90° +180° +270°
- FDDEA5
Bachimitsu Gold
- AAF4DD
≈ Mintie
- D4E3FF
≈ Stoic White
- FFD5E6
≈ Powder Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.29:1 · APCA Lc 15
Ag
AAA黑底
WCAG 16.16:1 · APCA Lc 89
最佳文字颜色: #000000
WCAG 16.16:1 (AAA) · APCA Lc 89
Contrast pairs
代码片段
CSS
:root {
--bachimitsu-gold: #fddea5;
--bachimitsu-gold-rgb: 253 222 165;
--bachimitsu-gold-oklch: oklch(0.913 0.081 82.5);
}
.element {
color: var(--bachimitsu-gold);
background-color: hsl(39 96% 82%);
border-color: oklch(0.913 0.081 82.5);
}Tailwind CSS v4
@theme {
--color-bachimitsu-gold: #fddea5;
--color-bachimitsu-gold-50: #fff4dc;
--color-bachimitsu-gold-100: #f5e6ca;
--color-bachimitsu-gold-200: #e4d2ae;
--color-bachimitsu-gold-300: #cbb588;
--color-bachimitsu-gold-400: #b69a66;
--color-bachimitsu-gold-500: #a08144;
--color-bachimitsu-gold-600: #886d3a;
--color-bachimitsu-gold-700: #6d572e;
--color-bachimitsu-gold-800: #513f20;
--color-bachimitsu-gold-900: #382c15;
--color-bachimitsu-gold-950: #231907;
}SCSS
$bachimitsu-gold: #fddea5;
$bachimitsu-gold-rgb: 253, 222, 165;
$bachimitsu-gold-light: mix(#fff, $bachimitsu-gold, 20%);
$bachimitsu-gold-dark: mix(#000, $bachimitsu-gold, 20%);
.element {
color: $bachimitsu-gold;
box-shadow: 0 0 0 2px rgba($bachimitsu-gold, 0.35);
}