En yakın adlandırılmış renk · #D295B7
#D295B7
En yakın adlandırılmış renk: Sweet Perfume
#D295B7 (rgb(210 149 183), hsl(327 40% 70%), oklch(0.739 0.085 344.9)) en çok Sweet Perfume adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D295B7
oklch(0.739 0.085 344.9)
Renk dönüşümleri
- HEX
- #d295b7
- RGB
- rgb(210 149 183)
- HSL
- hsl(327 40% 70%)
- HWB
- hwb(327 58% 18%)
- OKLCH
- oklch(0.739 0.085 344.9)
- OKLab
- oklab(0.739 0.082 -0.022)
- CIE Lab
- lab(68.57 27.42 -8.13)
- LCH
- lch(68.57 28.6 343.5)
- CMYK
- cmyk(0% 29% 13% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D79FBE
- DCAAC5
- E1B4CC
- E5BFD3
- EAC9DB
- EED4E2
- F3DFE9
- F7E9F0
- FBF4F8
Koyu tonlar
- B6819F
- 9B6D87
- 815A70
- 68485A
- 503745
- 392631
- 24161E
- 10080C
- 020102
Gri tonlar
- CA93B1
- C291AC
- B98FA6
- B18DA1
- A98B9B
- A18996
- 998790
- 91858B
- 888285
Renk uyumları
Tamamlayıcı +180°
- D295B7
Sweet Perfume
- 75BC9D
≈ Arboretum
Analog -30° +30°
- D295B7
Sweet Perfume
- BF9BD0
≈ Mauve Mist
- DB9599
≈ Dancer
Üçlü +120° +240°
- D295B7
Sweet Perfume
- B2AE6D
≈ Jalapeño Jelly
- 6BB6D3
≈ Madonna Blue
Bölünmüş tamamlayıcı +150° +210°
- D295B7
Sweet Perfume
- 94B780
≈ Willow Dyed
- 63BCBB
≈ Fresh Soft Blue
Dörtlü +90° +180° +270°
- D295B7
Sweet Perfume
- CAA36C
≈ Buckskin Pony
- 75BC9D
≈ Arboretum
- 86ADE0
≈ Queer Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.40:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.72:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--sweet-perfume: #d295b7;
--sweet-perfume-rgb: 210 149 183;
--sweet-perfume-oklch: oklch(0.739 0.085 344.9);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(327 40% 70%);
border-color: oklch(0.739 0.085 344.9);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #d295b7;
--color-sweet-perfume-50: #ffecfa;
--color-sweet-perfume-100: #ffdded;
--color-sweet-perfume-200: #f1c6db;
--color-sweet-perfume-300: #d9a6c0;
--color-sweet-perfume-400: #c38aaa;
--color-sweet-perfume-500: #af6f93;
--color-sweet-perfume-600: #945e7c;
--color-sweet-perfume-700: #764b64;
--color-sweet-perfume-800: #57364a;
--color-sweet-perfume-900: #3d2533;
--color-sweet-perfume-950: #26141f;
}SCSS
$sweet-perfume: #d295b7;
$sweet-perfume-rgb: 210, 149, 183;
$sweet-perfume-light: mix(#fff, $sweet-perfume, 20%);
$sweet-perfume-dark: mix(#000, $sweet-perfume, 20%);
.element {
color: $sweet-perfume;
box-shadow: 0 0 0 2px rgba($sweet-perfume, 0.35);
}