Adlandırılmış renk · #AF987F
Song Thrush
Song Thrush, #AF987F: rgb(175 152 127), hsl(31 23% 59%), oklch(0.694 0.045 69.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Song Thrush color name →
#AF987F
oklch(0.694 0.045 69.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B7A28B
- BFAC98
- C7B6A4
- CFC0B1
- D7CABE
- DFD5CA
- E7DFD7
- EFEAE4
- F7F4F2
Koyu tonlar
- 98846E
- 81705D
- 6B5C4C
- 564A3C
- 41382D
- 2E271F
- 1C1711
- 0B0806
- 010101
Gri tonlar
- AA967F
- A6937F
- A19180
- 9C8E80
- 978C80
- 938A80
- 8E8780
- 898580
- 858280
Renk uyumları
Tamamlayıcı +180°
- AF987F
Song Thrush
- 889FB8
≈ Astro Bound
Analog -30° +30°
- AF987F
Song Thrush
- B69488
≈ Mauve Blush
- A39D7E
≈ Dusky Meadows
Üçlü +120° +240°
- AF987F
Song Thrush
- 7DA6A2
≈ Scenario
- A595B2
≈ Gleeful Joy
Bölünmüş tamamlayıcı +150° +210°
- AF987F
Song Thrush
- 7EA4AF
≈ Lake Winnipeg
- 969AB8
≈ Thistle Down
Dörtlü +90° +180° +270°
- AF987F
Song Thrush
- 85A593
≈ Bristol Green
- 889FB8
≈ Astro Bound
- B092A5
≈ Grape Soda
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.75:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.62:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.62:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
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);
}