Najbliższy nazwany kolor · #D1AFC8
#D1AFC8
Najbliższy nazwany kolor: Purple Poodle
#D1AFC8 (rgb(209 175 200), hsl(316 27% 75%), oklch(0.791 0.052 335.5)) jest najbliższy nazwanemu kolorowi Purple Poodle. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D1AFC8
oklch(0.791 0.052 335.5)
Konwersje koloru
- HEX
- #d1afc8
- RGB
- rgb(209 175 200)
- HSL
- hsl(316 27% 75%)
- HWB
- hwb(316 69% 18%)
- OKLCH
- oklch(0.791 0.052 335.5)
- OKLab
- oklab(0.791 0.047 -0.021)
- CIE Lab
- lab(75.09 15.85 -7.91)
- LCH
- lch(75.09 17.72 333.5)
- CMYK
- cmyk(0% 16% 4% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6B7CD
- DABFD3
- DFC7D8
- E4CFDE
- E8D7E3
- EDDFE9
- F1E7EE
- F6EFF4
- FAF7F9
Odcienie ciemniejsze
- B598AE
- 9B8194
- 816B7B
- 685663
- 50414C
- 392E36
- 231C21
- 100B0F
- 020102
Tony
- C9AAC1
- C0A5B9
- B8A1B2
- B09CAB
- A897A3
- A0939C
- 988E95
- 90898E
- 888587
Harmonie kolorów
Komplementarna +180°
- D1AFC8
Purple Poodle
- A1C5AD
≈ Mini Green
Analogowa -30° +30°
- D1AFC8
Purple Poodle
- C3B3D6
≈ Moonraker
- D9AEB6
≈ Pale Chestnut
Triada +120° +240°
- D1AFC8
Purple Poodle
- C5BB96
≈ Earth Friendly
- 96C4D0
≈ Adriatic Haze
Komplementarna rozszczepiona +150° +210°
- D1AFC8
Purple Poodle
- B3C19E
≈ Camping Grounds
- 96C6C0
≈ Pastel Turquoise
Tetrada +90° +180° +270°
- D1AFC8
Purple Poodle
- D3B599
≈ Peach Petals
- A1C5AD
≈ Mini Green
- A0BFDB
≈ Ice Cave
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.96:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.67:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.67:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--purple-poodle: #d1afc8;
--purple-poodle-rgb: 209 175 200;
--purple-poodle-oklch: oklch(0.791 0.052 335.5);
}
.element {
color: var(--purple-poodle);
background-color: hsl(316 27% 75%);
border-color: oklch(0.791 0.052 335.5);
}Tailwind CSS v4
@theme {
--color-purple-poodle: #d1afc8;
--color-purple-poodle-50: #fff0fa;
--color-purple-poodle-100: #f4e2ee;
--color-purple-poodle-200: #e4ccdc;
--color-purple-poodle-300: #caaec1;
--color-purple-poodle-400: #b393aa;
--color-purple-poodle-500: #9c7994;
--color-purple-poodle-600: #84677d;
--color-purple-poodle-700: #6a5264;
--color-purple-poodle-800: #4e3c4a;
--color-purple-poodle-900: #362933;
--color-purple-poodle-950: #21171f;
}SCSS
$purple-poodle: #d1afc8;
$purple-poodle-rgb: 209, 175, 200;
$purple-poodle-light: mix(#fff, $purple-poodle, 20%);
$purple-poodle-dark: mix(#000, $purple-poodle, 20%);
.element {
color: $purple-poodle;
box-shadow: 0 0 0 2px rgba($purple-poodle, 0.35);
}