Benoemde kleur · #FBC378
Bronze Blush
Bronze Blush is #FBC378: rgb(251 195 120), hsl(34 94% 73%), oklch(0.852 0.113 73.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Bronze Blush color name →
#FBC378
oklch(0.852 0.113 73.4)
Kleurconversies
- HEX
- #fbc378
- RGB
- rgb(251 195 120)
- HSL
- hsl(34 94% 73%)
- HWB
- hwb(34 47% 2%)
- OKLCH
- oklch(0.852 0.113 73.4)
- OKLab
- oklab(0.852 0.032 0.108)
- CIE Lab
- lab(82.77 14.41 45.48)
- LCH
- lch(82.77 47.7 72.4)
- CMYK
- cmyk(0% 22% 52% 2%)
Tinten · Schaduwen · Tonen
Tinten
- FCC987
- FCCF95
- FDD6A3
- FEDCB0
- FEE2BE
- FEE8CB
- FFEDD8
- FFF3E5
- FFF9F2
Schaduwen
- DAA967
- BA9057
- 9C7848
- 7E6039
- 614A2A
- 46341D
- 2D2010
- 150E05
- 030201
Tonen
- EEBC7A
- E2B67C
- D5AF7E
- C9A87F
- BCA280
- B09B80
- A49480
- 988D81
- 8C8780
Kleurharmonieën
Complementair +180°
- FBC378
Bronze Blush
- ACD2FF
≈ Ice Cold Stare
Analoog -30° +30°
- FBC378
Bronze Blush
- FFBDA1
≈ Sweet Apricot
- DBD278
≈ Golden Rice
Triadisch +120° +240°
- FBC378
Bronze Blush
- 66E6E3
≈ Near Moon
- E7BAFF
≈ Euphoria
Gesplitst complementair +150° +210°
- FBC378
Bronze Blush
- 7FDDFF
≈ Tranquil Pool
- C7C9FF
≈ Lavender Blue
Tetradisch +90° +180° +270°
- FBC378
Bronze Blush
- 84E6BA
≈ Sprig of Mint
- ACD2FF
≈ Ice Cold Stare
- FFB3E0
≈ Hot Aquarelle Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.59:1 · APCA Lc 27
Ag
AAAOp zwart
WCAG 13.17:1 · APCA Lc 76
Beste tekstkleur: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--bronze-blush: #fbc378;
--bronze-blush-rgb: 251 195 120;
--bronze-blush-oklch: oklch(0.852 0.113 73.4);
}
.element {
color: var(--bronze-blush);
background-color: hsl(34 94% 73%);
border-color: oklch(0.852 0.113 73.4);
}Tailwind CSS v4
@theme {
--color-bronze-blush: #fbc378;
--color-bronze-blush-50: #fff1d2;
--color-bronze-blush-100: #fee3bf;
--color-bronze-blush-200: #f1ce9f;
--color-bronze-blush-300: #d9b075;
--color-bronze-blush-400: #c6944d;
--color-bronze-blush-500: #b2791a;
--color-bronze-blush-600: #97661a;
--color-bronze-blush-700: #795215;
--color-bronze-blush-800: #5a3b0d;
--color-bronze-blush-900: #3f2808;
--color-bronze-blush-950: #281600;
}SCSS
$bronze-blush: #fbc378;
$bronze-blush-rgb: 251, 195, 120;
$bronze-blush-light: mix(#fff, $bronze-blush, 20%);
$bronze-blush-dark: mix(#000, $bronze-blush, 20%);
.element {
color: $bronze-blush;
box-shadow: 0 0 0 2px rgba($bronze-blush, 0.35);
}