Nazwany kolor · #D1B5CA
Mary Poppins
Mary Poppins to #D1B5CA: rgb(209 181 202), hsl(315 23% 76%), oklch(0.803 0.043 334.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Mary Poppins color name →
#D1B5CA
oklch(0.803 0.043 334.7)
Konwersje koloru
- HEX
- #d1b5ca
- RGB
- rgb(209 181 202)
- HSL
- hsl(315 23% 76%)
- HWB
- hwb(315 71% 18%)
- OKLCH
- oklch(0.803 0.043 334.7)
- OKLab
- oklab(0.803 0.039 -0.018)
- CIE Lab
- lab(76.61 13.06 -6.76)
- LCH
- lch(76.61 14.7 332.6)
- CMYK
- cmyk(0% 13% 3% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6BCCF
- DAC4D4
- DFCBDA
- E3D2DF
- E8DAE4
- EDE1EA
- F1E8EF
- F6F0F4
- FAF7FA
Odcienie ciemniejsze
- B59DAF
- 9B8695
- 816F7C
- 685964
- 50444D
- 393037
- 231D22
- 100C0F
- 020202
Tony
- C9B0C2
- C0AABB
- B8A5B3
- B09FAC
- A89AA4
- A0959D
- 989096
- 908A8E
- 888587
Harmonie kolorów
Komplementarna +180°
- D1B5CA
Mary Poppins
- AAC7B3
≈ Gum Leaf
Analogowa -30° +30°
- D1B5CA
Mary Poppins
- C5B8D6
≈ Lilac Lust
- D8B4BB
≈ Rosy Aura
Triada +120° +240°
- D1B5CA
Mary Poppins
- C7BFA0
≈ Washed Olive
- A0C6D0
≈ Blue Dam
Komplementarna rozszczepiona +150° +210°
- D1B5CA
Mary Poppins
- B8C4A6
≈ Quaking Grass
- A1C8C2
≈ Wave Runner
Tetrada +90° +180° +270°
- D1B5CA
Mary Poppins
- D3BAA3
≈ Hazy Earth
- AAC7B3
≈ Gum Leaf
- A9C2D9
≈ Cloudy Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.87:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.17:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.17:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--mary-poppins: #d1b5ca;
--mary-poppins-rgb: 209 181 202;
--mary-poppins-oklch: oklch(0.803 0.043 334.7);
}
.element {
color: var(--mary-poppins);
background-color: hsl(315 23% 76%);
border-color: oklch(0.803 0.043 334.7);
}Tailwind CSS v4
@theme {
--color-mary-poppins: #d1b5ca;
--color-mary-poppins-50: #fef1fa;
--color-mary-poppins-100: #f2e3ed;
--color-mary-poppins-200: #e1cedb;
--color-mary-poppins-300: #c6afbf;
--color-mary-poppins-400: #af95a9;
--color-mary-poppins-500: #997c92;
--color-mary-poppins-600: #81697b;
--color-mary-poppins-700: #675463;
--color-mary-poppins-800: #4c3d49;
--color-mary-poppins-900: #352a32;
--color-mary-poppins-950: #20181e;
}SCSS
$mary-poppins: #d1b5ca;
$mary-poppins-rgb: 209, 181, 202;
$mary-poppins-light: mix(#fff, $mary-poppins, 20%);
$mary-poppins-dark: mix(#000, $mary-poppins, 20%);
.element {
color: $mary-poppins;
box-shadow: 0 0 0 2px rgba($mary-poppins, 0.35);
}