Benannte Farbe · #AF987F
Song Thrush
Song Thrush ist #AF987F: rgb(175 152 127), hsl(31 23% 59%), oklch(0.694 0.045 69.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Song Thrush color name →
#AF987F
oklch(0.694 0.045 69.3)
Farbumrechnungen
- HEX
- #af987f
- RGB
- rgb(175 152 127)
- HSL
- hsl(31 23% 59%)
- HWB
- hwb(31 50% 31%)
- OKLCH
- oklch(0.694 0.045 69.3)
- OKLab
- oklab(0.694 0.016 0.042)
- CIE Lab
- lab(64.43 5.94 16.52)
- LCH
- lch(64.43 17.55 70.2)
- CMYK
- cmyk(0% 13% 27% 31%)
Tints · Shades · Tones
Tints
- B7A28B
- BFAC98
- C7B6A4
- CFC0B1
- D7CABE
- DFD5CA
- E7DFD7
- EFEAE4
- F7F4F2
Shades
- 98846E
- 81705D
- 6B5C4C
- 564A3C
- 41382D
- 2E271F
- 1C1711
- 0B0806
- 010101
Tones
- AA967F
- A6937F
- A19180
- 9C8E80
- 978C80
- 938A80
- 8E8780
- 898580
- 858280
Farbharmonien
Komplementär +180°
- AF987F
Song Thrush
- 889FB8
≈ Astro Bound
Analog -30° +30°
- AF987F
Song Thrush
- B69488
≈ Mauve Blush
- A39D7E
≈ Dusky Meadows
Triadisch +120° +240°
- AF987F
Song Thrush
- 7DA6A2
≈ Scenario
- A595B2
≈ Gleeful Joy
Geteilt komplementär +150° +210°
- AF987F
Song Thrush
- 7EA4AF
≈ Lake Winnipeg
- 969AB8
≈ Thistle Down
Tetradisch +90° +180° +270°
- AF987F
Song Thrush
- 85A593
≈ Bristol Green
- 889FB8
≈ Astro Bound
- B092A5
≈ Grape Soda
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.75:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.62:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.62:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--song-thrush: #af987f;
--song-thrush-rgb: 175 152 127;
--song-thrush-oklch: oklch(0.694 0.045 69.3);
}
.element {
color: var(--song-thrush);
background-color: hsl(31 23% 59%);
border-color: oklch(0.694 0.045 69.3);
}Tailwind CSS v4
@theme {
--color-song-thrush: #af987f;
--color-song-thrush-50: #fef3e8;
--color-song-thrush-100: #f2e6d8;
--color-song-thrush-200: #e1d2c0;
--color-song-thrush-300: #c6b49f;
--color-song-thrush-400: #b09a82;
--color-song-thrush-500: #9a8166;
--color-song-thrush-600: #826d57;
--color-song-thrush-700: #685845;
--color-song-thrush-800: #4d4032;
--color-song-thrush-900: #362c22;
--color-song-thrush-950: #211911;
}SCSS
$song-thrush: #af987f;
$song-thrush-rgb: 175, 152, 127;
$song-thrush-light: mix(#fff, $song-thrush, 20%);
$song-thrush-dark: mix(#000, $song-thrush, 20%);
.element {
color: $song-thrush;
box-shadow: 0 0 0 2px rgba($song-thrush, 0.35);
}