Adlandırılmış renk · #D78BAD
Berry Twist
Berry Twist, #D78BAD: rgb(215 139 173), hsl(333 49% 69%), oklch(0.724 0.102 351.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? → · Berry Twist color name →
#D78BAD
oklch(0.724 0.102 351.5)
Renk dönüşümleri
- HEX
- #d78bad
- RGB
- rgb(215 139 173)
- HSL
- hsl(333 49% 69%)
- HWB
- hwb(333 55% 16%)
- OKLCH
- oklch(0.724 0.102 351.5)
- OKLab
- oklab(0.724 0.1 -0.015)
- CIE Lab
- lab(66.64 33.2 -5.3)
- LCH
- lch(66.64 33.62 350.9)
- CMYK
- cmyk(0% 35% 20% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DC97B5
- E0A2BD
- E5AEC5
- E9B9CD
- EDC5D5
- F1D0DE
- F5DCE6
- F8E7EE
- FCF3F7
Koyu tonlar
- BB7896
- 9F667F
- 85546A
- 6B4355
- 523241
- 3B232D
- 25141B
- 11070B
- 020101
Gri tonlar
- CE8AA8
- C689A4
- BD889F
- B5879B
- AC8696
- A38592
- 9B848D
- 928389
- 898184
Renk uyumları
Tamamlayıcı +180°
- D78BAD
Berry Twist
- 5ABB9E
≈ Puerto Rico
Analog -30° +30°
- D78BAD
Berry Twist
- C491CC
≈ Rose Souvenir
- DE8C8A
≈ Honeysuckle Rose
Üçlü +120° +240°
- D78BAD
Berry Twist
- A8AC5E
≈ Spinach Banana Smoothie
- 5CB1DA
≈ Sail Away
Bölünmüş tamamlayıcı +150° +210°
- D78BAD
Berry Twist
- 81B67A
≈ Colour Me Green
- 47B9C1
≈ Montego Bay
Dörtlü +90° +180° +270°
- D78BAD
Berry Twist
- C69F57
≈ Camel
- 5ABB9E
≈ Puerto Rico
- 82A6E6
≈ Blue Cue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.56:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.18:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--berry-twist: #d78bad;
--berry-twist-rgb: 215 139 173;
--berry-twist-oklch: oklch(0.724 0.102 351.5);
}
.element {
color: var(--berry-twist);
background-color: hsl(333 49% 69%);
border-color: oklch(0.724 0.102 351.5);
}Tailwind CSS v4
@theme {
--color-berry-twist: #d78bad;
--color-berry-twist-50: #ffeaf7;
--color-berry-twist-100: #ffdbea;
--color-berry-twist-200: #f8c3d7;
--color-berry-twist-300: #e1a2bb;
--color-berry-twist-400: #cd85a5;
--color-berry-twist-500: #b9688e;
--color-berry-twist-600: #9c5978;
--color-berry-twist-700: #7d4760;
--color-berry-twist-800: #5c3348;
--color-berry-twist-900: #412332;
--color-berry-twist-950: #29121e;
}SCSS
$berry-twist: #d78bad;
$berry-twist-rgb: 215, 139, 173;
$berry-twist-light: mix(#fff, $berry-twist, 20%);
$berry-twist-dark: mix(#000, $berry-twist, 20%);
.element {
color: $berry-twist;
box-shadow: 0 0 0 2px rgba($berry-twist, 0.35);
}