Benannte Farbe · #D5AB2C
Brassy
Brassy ist #D5AB2C: rgb(213 171 44), hsl(45 67% 50%), oklch(0.759 0.143 89.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Brassy color name →
#D5AB2C
oklch(0.759 0.143 89.1)
Farbumrechnungen
- HEX
- #d5ab2c
- RGB
- rgb(213 171 44)
- HSL
- hsl(45 67% 50%)
- HWB
- hwb(45 17% 16%)
- OKLCH
- oklch(0.759 0.143 89.1)
- OKLab
- oklab(0.759 0.002 0.143)
- CIE Lab
- lab(72.33 7.27 65.78)
- LCH
- lch(72.33 66.18 83.7)
- CMYK
- cmyk(0% 20% 79% 16%)
Tints · Shades · Tones
Tints
- D9B44C
- DEBC64
- E2C57A
- E6CD8E
- EAD6A2
- EEDEB5
- F3E6C7
- F7EFDA
- FBF7ED
Shades
- B99425
- 9E7E1E
- 836817
- 6A5411
- 51400A
- 3A2D05
- 241B02
- 100B01
- 020100
Tones
- CCA73D
- C4A34A
- BB9F54
- B29B5D
- AA9664
- A1926B
- 998E71
- 918976
- 88857B
Farbharmonien
Komplementär +180°
- D5AB2C
Brassy
- 91ADFF
≈ Widowmaker
Analog -30° +30°
- D5AB2C
Brassy
- F29849
≈ Question Mark Block
- A7BD4A
≈ Money Banks
Triadisch +120° +240°
- D5AB2C
Brassy
- 00C7DD
≈ Caribbean Blue
- E28EDD
≈ Love Dust
Geteilt komplementär +150° +210°
- D5AB2C
Brassy
- 4CBCFF
≈ Glitter Lake
- BE9BFE
≈ Baby Purple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.16:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.69:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.69:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--brassy: #d5ab2c;
--brassy-rgb: 213 171 44;
--brassy-oklch: oklch(0.759 0.143 89.1);
}
.element {
color: var(--brassy);
background-color: hsl(45 67% 50%);
border-color: oklch(0.759 0.143 89.1);
}Tailwind CSS v4
@theme {
--color-brassy: #d5ab2c;
--color-brassy-50: #fff4c7;
--color-brassy-100: #fae7b2;
--color-brassy-200: #ebd38d;
--color-brassy-300: #d3b55b;
--color-brassy-400: #c0991e;
--color-brassy-500: #ac7f00;
--color-brassy-600: #916b00;
--color-brassy-700: #745600;
--color-brassy-800: #573e00;
--color-brassy-900: #3d2a00;
--color-brassy-950: #271800;
}SCSS
$brassy: #d5ab2c;
$brassy-rgb: 213, 171, 44;
$brassy-light: mix(#fff, $brassy, 20%);
$brassy-dark: mix(#000, $brassy, 20%);
.element {
color: $brassy;
box-shadow: 0 0 0 2px rgba($brassy, 0.35);
}