Adlandırılmış renk · #D0A1B4
Raspberry Smoothie
Raspberry Smoothie, #D0A1B4: rgb(208 161 180), hsl(336 33% 72%), oklch(0.758 0.061 352.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? → · Raspberry Smoothie color name →
#D0A1B4
oklch(0.758 0.061 352.5)
Renk dönüşümleri
- HEX
- #d0a1b4
- RGB
- rgb(208 161 180)
- HSL
- hsl(336 33% 72%)
- HWB
- hwb(336 63% 18%)
- OKLCH
- oklch(0.758 0.061 352.5)
- OKLab
- oklab(0.758 0.06 -0.008)
- CIE Lab
- lab(71.11 20.12 -2.79)
- LCH
- lch(71.11 20.32 352.1)
- CMYK
- cmyk(0% 23% 13% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D5AABB
- DAB3C3
- DFBDCA
- E4C6D1
- E8CFD9
- EDD9E0
- F2E2E8
- F6ECF0
- FBF5F7
Koyu tonlar
- B58B9C
- 9A7685
- 80626E
- 674E58
- 4F3C44
- 392A30
- 23191D
- 10090C
- 020102
Gri tonlar
- C89EAF
- C09AA9
- B897A4
- B0949F
- A8919A
- A08D94
- 988A8F
- 90878A
- 888385
Renk uyumları
Tamamlayıcı +180°
- D0A1B4
Raspberry Smoothie
- 89BDAC
≈ Mild Evergreen
Analog -30° +30°
- D0A1B4
Raspberry Smoothie
- C3A4C7
≈ Tea Towel
- D5A29F
≈ Ruby Eye
Üçlü +120° +240°
- D0A1B4
Raspberry Smoothie
- B0B588
≈ Winter Pear
- 8AB8D1
≈ Mountain Main
Bölünmüş tamamlayıcı +150° +210°
- D0A1B4
Raspberry Smoothie
- 9BBB97
≈ Quiet Green
- 82BCC1
≈ Misty Cold Sea
Dörtlü +90° +180° +270°
- D0A1B4
Raspberry Smoothie
- C4AD85
≈ Horned Frog
- 89BDAC
≈ Mild Evergreen
- 9CB1D8
≈ Myrtle Flower
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.22:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.43:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.43:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--raspberry-smoothie: #d0a1b4;
--raspberry-smoothie-rgb: 208 161 180;
--raspberry-smoothie-oklch: oklch(0.758 0.061 352.5);
}
.element {
color: var(--raspberry-smoothie);
background-color: hsl(336 33% 72%);
border-color: oklch(0.758 0.061 352.5);
}Tailwind CSS v4
@theme {
--color-raspberry-smoothie: #d0a1b4;
--color-raspberry-smoothie-50: #ffeef6;
--color-raspberry-smoothie-100: #fae0e9;
--color-raspberry-smoothie-200: #ebcad6;
--color-raspberry-smoothie-300: #d2abb9;
--color-raspberry-smoothie-400: #bc90a2;
--color-raspberry-smoothie-500: #a6768a;
--color-raspberry-smoothie-600: #8d6475;
--color-raspberry-smoothie-700: #71505d;
--color-raspberry-smoothie-800: #533a45;
--color-raspberry-smoothie-900: #3a2830;
--color-raspberry-smoothie-950: #24161c;
}SCSS
$raspberry-smoothie: #d0a1b4;
$raspberry-smoothie-rgb: 208, 161, 180;
$raspberry-smoothie-light: mix(#fff, $raspberry-smoothie, 20%);
$raspberry-smoothie-dark: mix(#000, $raspberry-smoothie, 20%);
.element {
color: $raspberry-smoothie;
box-shadow: 0 0 0 2px rgba($raspberry-smoothie, 0.35);
}