Benannte Farbe · #AC9825
High Strung
High Strung ist #AC9825: rgb(172 152 37), hsl(51 65% 41%), oklch(0.678 0.129 98.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · High Strung color name →
#AC9825
oklch(0.678 0.129 98.8)
Farbumrechnungen
- HEX
- #ac9825
- RGB
- rgb(172 152 37)
- HSL
- hsl(51 65% 41%)
- HWB
- hwb(51 15% 33%)
- OKLCH
- oklch(0.678 0.129 98.8)
- OKLab
- oklab(0.678 -0.02 0.127)
- CIE Lab
- lab(63.18 -1.18 58.25)
- LCH
- lch(63.18 58.26 91.2)
- CMYK
- cmyk(0% 12% 78% 33%)
Tints · Shades · Tones
Tints
- B4A244
- BCAD5C
- C4B772
- CCC187
- D4CB9B
- DDD6AF
- E5E0C3
- EEEAD7
- F6F5EB
Shades
- 95841F
- 7F7019
- 695C13
- 544A0D
- 403808
- 2D2704
- 1B1702
- 0B0800
- 010100
Tones
- A79636
- A39443
- 9E914D
- 9A8F57
- 958D5F
- 918A66
- 8D886D
- 888574
- 84837A
Farbharmonien
Komplementär +180°
- AC9825
High Strung
- 878EE6
≈ Perrywinkle
Analog -30° +30°
- AC9825
High Strung
- CB8730
≈ Harvest at Dusk
- 7FA74B
≈ Greenery
Triadisch +120° +240°
- AC9825
High Strung
- 00A9CA
≈ Gummy Dolphins
- CB76B2
≈ Sky Magenta
Geteilt komplementär +150° +210°
- AC9825
High Strung
- 519DE3
≈ Perfect Days
- AF80D4
≈ Lavender Blossom
Tetradisch +90° +180° +270°
- AC9825
High Strung
- 00AEA6
≈ Cozumel
- 878EE6
≈ Perrywinkle
- DA7387
≈ Coming up Roses
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.88:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.27:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.27:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--high-strung: #ac9825;
--high-strung-rgb: 172 152 37;
--high-strung-oklch: oklch(0.678 0.129 98.8);
}
.element {
color: var(--high-strung);
background-color: hsl(51 65% 41%);
border-color: oklch(0.678 0.129 98.8);
}Tailwind CSS v4
@theme {
--color-high-strung: #ac9825;
--color-high-strung-50: #fdf7cd;
--color-high-strung-100: #f1eab8;
--color-high-strung-200: #e0d696;
--color-high-strung-300: #c6b969;
--color-high-strung-400: #b29f38;
--color-high-strung-500: #9c8600;
--color-high-strung-600: #847100;
--color-high-strung-700: #6a5b00;
--color-high-strung-800: #4f4200;
--color-high-strung-900: #372d00;
--color-high-strung-950: #221a00;
}SCSS
$high-strung: #ac9825;
$high-strung-rgb: 172, 152, 37;
$high-strung-light: mix(#fff, $high-strung, 20%);
$high-strung-dark: mix(#000, $high-strung, 20%);
.element {
color: $high-strung;
box-shadow: 0 0 0 2px rgba($high-strung, 0.35);
}