Najbliższy nazwany kolor · #D5A3BC
#D5A3BC
Najbliższy nazwany kolor: Sweet Perfume
#D5A3BC (rgb(213 163 188), hsl(330 37% 74%), oklch(0.769 0.067 347.3)) jest najbliższy nazwanemu kolorowi Sweet Perfume. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D5A3BC
oklch(0.769 0.067 347.3)
Konwersje koloru
- HEX
- #d5a3bc
- RGB
- rgb(213 163 188)
- HSL
- hsl(330 37% 74%)
- HWB
- hwb(330 64% 16%)
- OKLCH
- oklch(0.769 0.067 347.3)
- OKLab
- oklab(0.769 0.066 -0.015)
- CIE Lab
- lab(72.3 21.93 -5.38)
- LCH
- lch(72.3 22.58 346.2)
- CMYK
- cmyk(0% 23% 12% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DAACC3
- DEB5C9
- E2BED0
- E7C7D6
- EBD0DD
- EFDAE4
- F3E3EB
- F7ECF1
- FBF6F8
Odcienie ciemniejsze
- B98DA3
- 9E788B
- 836373
- 6A4F5D
- 513C47
- 3A2A32
- 24191F
- 100A0D
- 020102
Tony
- CCA0B6
- C49CB0
- BB99AA
- B395A4
- AA929E
- A28E98
- 998B92
- 91878C
- 888486
Harmonie kolorów
Komplementarna +180°
- D5A3BC
Sweet Perfume
- 8AC2AB
≈ Spearmint Frosting
Analogowa -30° +30°
- D5A3BC
Sweet Perfume
- C6A7D1
≈ Feminine Fancy
- DCA3A4
≈ Pastel Pink
Triada +120° +240°
- D5A3BC
Sweet Perfume
- B8B785
≈ Aloe Plant
- 86BDD6
≈ High Elf Blue
Komplementarna rozszczepiona +150° +210°
- D5A3BC
Sweet Perfume
- A0BF94
≈ Praying Mantis
- 7FC2C3
≈ Celestine
Tetrada +90° +180° +270°
- D5A3BC
Sweet Perfume
- CCAF84
≈ Harvest Home
- 8AC2AB
≈ Spearmint Frosting
- 99B6DF
≈ Honest
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.14:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.79:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--sweet-perfume: #d5a3bc;
--sweet-perfume-rgb: 213 163 188;
--sweet-perfume-oklch: oklch(0.769 0.067 347.3);
}
.element {
color: var(--sweet-perfume);
background-color: hsl(330 37% 74%);
border-color: oklch(0.769 0.067 347.3);
}Tailwind CSS v4
@theme {
--color-sweet-perfume: #d5a3bc;
--color-sweet-perfume-50: #ffeef8;
--color-sweet-perfume-100: #fadfeb;
--color-sweet-perfume-200: #ecc9d9;
--color-sweet-perfume-300: #d3aabd;
--color-sweet-perfume-400: #bd8fa6;
--color-sweet-perfume-500: #a8748f;
--color-sweet-perfume-600: #8e6279;
--color-sweet-perfume-700: #724f60;
--color-sweet-perfume-800: #543948;
--color-sweet-perfume-900: #3a2732;
--color-sweet-perfume-950: #24151e;
}SCSS
$sweet-perfume: #d5a3bc;
$sweet-perfume-rgb: 213, 163, 188;
$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);
}