Adlandırılmış renk · #AA7D89
Silken Raspberry
Silken Raspberry, #AA7D89: rgb(170 125 137), hsl(344 21% 58%), oklch(0.638 0.058 1.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Silken Raspberry color name →
#AA7D89
oklch(0.638 0.058 1.3)
Renk dönüşümleri
- HEX
- #aa7d89
- RGB
- rgb(170 125 137)
- HSL
- hsl(344 21% 58%)
- HWB
- hwb(344 49% 33%)
- OKLCH
- oklch(0.638 0.058 1.3)
- OKLab
- oklab(0.638 0.058 0.001)
- CIE Lab
- lab(57.23 19.36 0.71)
- LCH
- lch(57.23 19.37 2.1)
- CMYK
- cmyk(0% 26% 19% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B38994
- BB969F
- C4A3AB
- CCAFB7
- D5BCC2
- DDC9CE
- E6D7DA
- EEE4E6
- F7F1F3
Koyu tonlar
- 936C76
- 7D5B64
- 684B53
- 533B42
- 3F2C31
- 2D1E22
- 1B1114
- 0B0507
- 010101
Gri tonlar
- A67D88
- A27E87
- 9E7E86
- 9A7F85
- 967F84
- 917F84
- 8D7F83
- 898082
- 848081
Renk uyumları
Tamamlayıcı +180°
- AA7D89
Silken Raspberry
- 63978D
≈ Green Turquoise
Analog -30° +30°
- AA7D89
Silken Raspberry
- A17F9C
≈ Pink Plumeria
- AC7F76
≈ Ferris Wheel
Üçlü +120° +240°
- AA7D89
Silken Raspberry
- 86916A
≈ Green Coconut
- 6C90AC
≈ Grant Village
Bölünmüş tamamlayıcı +150° +210°
- AA7D89
Silken Raspberry
- 72967A
≈ Club Moss
- 6095A0
≈ Lakeshore
Dörtlü +90° +180° +270°
- AA7D89
Silken Raspberry
- 988B63
≈ Woodstock
- 63978D
≈ Green Turquoise
- 7E8AAF
≈ Purple Impression
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.49:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.00:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 6.00:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--silken-raspberry: #aa7d89;
--silken-raspberry-rgb: 170 125 137;
--silken-raspberry-oklch: oklch(0.638 0.058 1.3);
}
.element {
color: var(--silken-raspberry);
background-color: hsl(344 21% 58%);
border-color: oklch(0.638 0.058 1.3);
}Tailwind CSS v4
@theme {
--color-silken-raspberry: #aa7d89;
--color-silken-raspberry-50: #ffeff3;
--color-silken-raspberry-100: #fae0e6;
--color-silken-raspberry-200: #ebcad2;
--color-silken-raspberry-300: #d2acb4;
--color-silken-raspberry-400: #bd919c;
--color-silken-raspberry-500: #a77684;
--color-silken-raspberry-600: #8d646f;
--color-silken-raspberry-700: #715059;
--color-silken-raspberry-800: #533a42;
--color-silken-raspberry-900: #3a282d;
--color-silken-raspberry-950: #24161a;
}SCSS
$silken-raspberry: #aa7d89;
$silken-raspberry-rgb: 170, 125, 137;
$silken-raspberry-light: mix(#fff, $silken-raspberry, 20%);
$silken-raspberry-dark: mix(#000, $silken-raspberry, 20%);
.element {
color: $silken-raspberry;
box-shadow: 0 0 0 2px rgba($silken-raspberry, 0.35);
}