En yakın adlandırılmış renk · #D59CBA
#D59CBA
En yakın adlandırılmış renk: Sweet Perfume
#D59CBA (rgb(213 156 186), hsl(328 40% 72%), oklch(0.756 0.078 346.3)) 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.
#D59CBA
oklch(0.756 0.078 346.3)
Renk dönüşümleri
- HEX
- #d59cba
- RGB
- rgb(213 156 186)
- HSL
- hsl(328 40% 72%)
- HWB
- hwb(328 61% 16%)
- OKLCH
- oklch(0.756 0.078 346.3)
- OKLab
- oklab(0.756 0.076 -0.019)
- CIE Lab
- lab(70.6 25.28 -6.77)
- LCH
- lch(70.6 26.17 345)
- CMYK
- cmyk(0% 27% 13% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DAA6C1
- DEAFC8
- E3B9CE
- E7C3D5
- EBCDDC
- EFD7E3
- F3E1EA
- F7EBF1
- FBF5F8
Koyu tonlar
- B987A1
- 9E7389
- 835F72
- 6A4C5C
- 513946
- 3A2832
- 24181E
- 10090D
- 020102
Gri tonlar
- CC99B4
- C497AE
- BB94A8
- B391A2
- AA8E9D
- A28C97
- 998991
- 91868B
- 898386
Renk uyumları
Tamamlayıcı +180°
- D59CBA
Sweet Perfume
- 7EC0A5
≈ Celadon Porcelain
Analog -30° +30°
- D59CBA
Sweet Perfume
- C4A1D1
≈ Lilac Lace
- DD9C9F
≈ Pimlico
Üçlü +120° +240°
- D59CBA
Sweet Perfume
- B6B379
≈ Leek Powder
- 78BAD6
≈ Pacific Harbour
Bölünmüş tamamlayıcı +150° +210°
- D59CBA
Sweet Perfume
- 99BC8A
≈ Seafoam Green
- 70BFC0
≈ Pure Turquoise
Dörtlü +90° +180° +270°
- D59CBA
Sweet Perfume
- CCA977
≈ Burning Gold
- 7EC0A5
≈ Celadon Porcelain
- 90B2E1
≈ Blue Skies Today
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.25:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.29:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--sweet-perfume: #d59cba;
--sweet-perfume-rgb: 213 156 186;
--sweet-perfume-oklch: oklch(0.756 0.078 346.3);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(328 40% 72%);
border-color: oklch(0.756 0.078 346.3);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #d59cba;
--color-sweet-perfume-50: #ffedf9;
--color-sweet-perfume-100: #fddeec;
--color-sweet-perfume-200: #efc7da;
--color-sweet-perfume-300: #d7a8be;
--color-sweet-perfume-400: #c18ca8;
--color-sweet-perfume-500: #ac7191;
--color-sweet-perfume-600: #91607b;
--color-sweet-perfume-700: #754c62;
--color-sweet-perfume-800: #563749;
--color-sweet-perfume-900: #3c2633;
--color-sweet-perfume-950: #26141e;
}SCSS
$sweet-perfume: #d59cba;
$sweet-perfume-rgb: 213, 156, 186;
$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);
}