Couleur nommée · #FDDEA5
Bachimitsu Gold
Bachimitsu Gold correspond à #FDDEA5 : rgb(253 222 165), hsl(39 96% 82%), oklch(0.913 0.081 82.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Bachimitsu Gold color name →
#FDDEA5
oklch(0.913 0.081 82.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- FDE1AE
- FEE5B8
- FEE8C1
- FEEBCA
- FEEFD3
- FEF2DC
- FFF5E5
- FFF9ED
- FFFCF6
Ombres
- DCC18F
- BCA579
- 9D8965
- 7F6F51
- 62553D
- 473D2B
- 2D261A
- 16120A
- 030201
Tons
- F0D4A2
- E3CB9E
- D6C19B
- C9B897
- BDAE94
- B0A590
- A49B8C
- 989288
- 8C8984
Harmonies de couleurs
Complémentaire +180°
- FDDEA5
Bachimitsu Gold
- D4E3FF
≈ Stoic White
Analogue -30° +30°
- FDDEA5
Bachimitsu Gold
- FFDAC4
≈ Sugared Peach
- E3E8AA
≈ Hip Hop
Triadique +120° +240°
- FDDEA5
Bachimitsu Gold
- A0F3FA
≈ Waterspout
- FAD3FF
≈ Pink Diamond
Complémentaire divisée +150° +210°
- FDDEA5
Bachimitsu Gold
- C2E9FF
≈ Blue Java Banana
- E2DDFF
≈ Contrail
Tétradique +90° +180° +270°
- FDDEA5
Bachimitsu Gold
- AAF4DD
≈ Mintie
- D4E3FF
≈ Stoic White
- FFD5E6
≈ Powder Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.29:1 · APCA Lc 15
Ag
AAASur noir
WCAG 16.16:1 · APCA Lc 89
Meilleure couleur de texte: #000000
WCAG 16.16:1 (AAA) · APCA Lc 89
Contrast pairs
Extraits de code
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);
}