Adlandırılmış renk · #77515A
Stravinsky Pink
Stravinsky Pink, #77515A: rgb(119 81 90), hsl(346 19% 39%), oklch(0.479 0.052 3.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Stravinsky Pink color name →
#77515A
oklch(0.479 0.052 3.7)
Renk dönüşümleri
- HEX
- #77515a
- RGB
- rgb(119 81 90)
- HSL
- hsl(346 19% 39%)
- HWB
- hwb(346 32% 53%)
- OKLCH
- oklch(0.479 0.052 3.7)
- OKLab
- oklab(0.479 0.052 0.003)
- CIE Lab
- lab(38.94 17.43 1.49)
- LCH
- lch(38.94 17.49 4.9)
- CMYK
- cmyk(0% 32% 24% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 846169
- 927178
- 9F8288
- AC9398
- BAA4A9
- C8B6B9
- D5C8CA
- E3DADC
- F1ECED
Koyu tonlar
- 67454D
- 573A41
- 472F35
- 382429
- 2A1A1E
- 1C1013
- 100709
- 050203
- 010000
Gri tonlar
- 78565E
- 795A61
- 7B5F65
- 7C6469
- 7D686D
- 7D6D71
- 7E7274
- 7F7778
- 7F7B7C
Renk uyumları
Tamamlayıcı +180°
- 77515A
Stravinsky Pink
- 396760
≈ Seiheki Green
Analog -30° +30°
- 77515A
Stravinsky Pink
- 70526A
≈ Hibernation
- 78534A
≈ Vandyck Brown
Üçlü +120° +240°
- 77515A
Stravinsky Pink
- 576341
≈ Gretna Green
- 436179
≈ Steel Blue Grey
Bölünmüş tamamlayıcı +150° +210°
- 77515A
Stravinsky Pink
- 466650
≈ Vizcaya Palm
- 38656F
≈ Smock Blue
Dörtlü +90° +180° +270°
- 77515A
Stravinsky Pink
- 675D3A
≈ Plum Green
- 396760
≈ Seiheki Green
- 545B7B
≈ Blue Indigo
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.75:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.10:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.75:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--stravinsky-pink: #77515a;
--stravinsky-pink-rgb: 119 81 90;
--stravinsky-pink-oklch: oklch(0.479 0.052 3.7);
}
.element {
color: var(--stravinsky-pink);
background-color: hsl(346 19% 39%);
border-color: oklch(0.479 0.052 3.7);
}Tailwind CSS v4
@theme {
--color-stravinsky-pink: #77515a;
--color-stravinsky-pink-50: #ffeff3;
--color-stravinsky-pink-100: #f8e1e5;
--color-stravinsky-pink-200: #e9cbd1;
--color-stravinsky-pink-300: #d0adb3;
--color-stravinsky-pink-400: #ba929b;
--color-stravinsky-pink-500: #a57882;
--color-stravinsky-pink-600: #8b666e;
--color-stravinsky-pink-700: #705158;
--color-stravinsky-pink-800: #523b41;
--color-stravinsky-pink-900: #39282d;
--color-stravinsky-pink-950: #23161a;
}SCSS
$stravinsky-pink: #77515a;
$stravinsky-pink-rgb: 119, 81, 90;
$stravinsky-pink-light: mix(#fff, $stravinsky-pink, 20%);
$stravinsky-pink-dark: mix(#000, $stravinsky-pink, 20%);
.element {
color: $stravinsky-pink;
box-shadow: 0 0 0 2px rgba($stravinsky-pink, 0.35);
}