Adlandırılmış renk · #CB7D96
Wild Rose
Wild Rose, #CB7D96: rgb(203 125 150), hsl(341 43% 64%), oklch(0.679 0.101 359.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Wild Rose color name →
#CB7D96
oklch(0.679 0.101 359.5)
Renk dönüşümleri
- HEX
- #cb7d96
- RGB
- rgb(203 125 150)
- HSL
- hsl(341 43% 64%)
- HWB
- hwb(341 49% 20%)
- OKLCH
- oklch(0.679 0.101 359.5)
- OKLab
- oklab(0.679 0.101 -0.001)
- CIE Lab
- lab(61.51 33.44 0.03)
- LCH
- lch(61.51 33.44 0.1)
- CMYK
- cmyk(0% 38% 26% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D18AA0
- D797AA
- DDA4B4
- E2B0BF
- E7BDC9
- EDCAD4
- F1D7DE
- F6E5E9
- FBF2F4
Koyu tonlar
- B06C82
- 965B6E
- 7D4B5B
- 653B49
- 4D2C37
- 371E26
- 221116
- 0F0508
- 020101
Gri tonlar
- C47E94
- BD7E92
- B57F8F
- AE7F8D
- A7808B
- 9F8089
- 988087
- 908084
- 888082
Renk uyumları
Tamamlayıcı +180°
- CB7D96
Wild Rose
- 42AC9A
≈ Ambrosial Oceanside
Analog -30° +30°
- CB7D96
Wild Rose
- BB81B6
≈ Lavender Sweater
- CF8073
≈ Coral Garden
Üçlü +120° +240°
- CB7D96
Wild Rose
- 91A157
≈ Zesty Apple
- 58A0D0
≈ Picton Blue
Bölünmüş tamamlayıcı +150° +210°
- CB7D96
Wild Rose
- 69AA76
≈ Green Tea Candy
- 39A9BA
≈ Explore Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.03:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.91:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.91:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--wild-rose: #cb7d96;
--wild-rose-rgb: 203 125 150;
--wild-rose-oklch: oklch(0.679 0.101 359.5);
}
.element {
color: var(--wild-rose);
background-color: hsl(341 43% 64%);
border-color: oklch(0.679 0.101 359.5);
}Tailwind CSS v4
@theme {
--color-wild-rose: #cb7d96;
--color-wild-rose-50: #ffeaf3;
--color-wild-rose-100: #ffdbe5;
--color-wild-rose-200: #fac3d1;
--color-wild-rose-300: #e4a2b4;
--color-wild-rose-400: #d0859c;
--color-wild-rose-500: #bc6884;
--color-wild-rose-600: #9f5870;
--color-wild-rose-700: #7f4659;
--color-wild-rose-800: #5e3342;
--color-wild-rose-900: #42232e;
--color-wild-rose-950: #2a111b;
}SCSS
$wild-rose: #cb7d96;
$wild-rose-rgb: 203, 125, 150;
$wild-rose-light: mix(#fff, $wild-rose, 20%);
$wild-rose-dark: mix(#000, $wild-rose, 20%);
.element {
color: $wild-rose;
box-shadow: 0 0 0 2px rgba($wild-rose, 0.35);
}