Nazwany kolor · #D998A0
Parrot Pink
Parrot Pink to #D998A0: rgb(217 152 160), hsl(353 46% 72%), oklch(0.745 0.079 11). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Parrot Pink color name →
#D998A0
oklch(0.745 0.079 11)
Konwersje koloru
- HEX
- #d998a0
- RGB
- rgb(217 152 160)
- HSL
- hsl(353 46% 72%)
- HWB
- hwb(353 60% 15%)
- OKLCH
- oklch(0.745 0.079 11)
- OKLab
- oklab(0.745 0.077 0.015)
- CIE Lab
- lab(69.53 25.9 6.12)
- LCH
- lch(69.53 26.62 13.3)
- CMYK
- cmyk(0% 30% 26% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DDA2A9
- E2ACB2
- E6B7BC
- EAC1C5
- EECBCF
- F1D5D8
- F5E0E2
- F8EAEB
- FCF5F5
Odcienie ciemniejsze
- BC848B
- A17076
- 865C61
- 6C4A4E
- 53383B
- 3B2729
- 251719
- 110809
- 020101
Tony
- D0969D
- C7939A
- BE9196
- B68F93
- AD8C90
- A48A8D
- 9B8889
- 928586
- 898383
Harmonie kolorów
Komplementarna +180°
- D998A0
Parrot Pink
- 6DBDB8
≈ Earth Eclipse
Analogowa -30° +30°
- D998A0
Parrot Pink
- CF99BB
≈ Peach Buff
- D89C86
≈ Pinkish Tan
Triada +120° +240°
- D998A0
Parrot Pink
- 9BB783
≈ Mesclun Green
- 87B0DD
≈ Buoyant Blue
Komplementarna rozszczepiona +150° +210°
- D998A0
Parrot Pink
- 7FBC9C
≈ Neptune Green
- 71B8D0
≈ Blue Brocade
Tetrada +90° +180° +270°
- D998A0
Parrot Pink
- B7AE73
≈ Jalapeño Jelly
- 6DBDB8
≈ Earth Eclipse
- A3A7DE
≈ Sorbet Ice Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.34:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.94:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.94:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--parrot-pink: #d998a0;
--parrot-pink-rgb: 217 152 160;
--parrot-pink-oklch: oklch(0.745 0.079 11);
}
.element {
color: var(--parrot-pink);
background-color: hsl(353 46% 72%);
border-color: oklch(0.745 0.079 11);
}Tailwind CSS v4
@theme {
--color-parrot-pink: #d998a0;
--color-parrot-pink-50: #ffedef;
--color-parrot-pink-100: #ffdee0;
--color-parrot-pink-200: #f4c7cb;
--color-parrot-pink-300: #dda7ac;
--color-parrot-pink-400: #c88b93;
--color-parrot-pink-500: #b47079;
--color-parrot-pink-600: #985f67;
--color-parrot-pink-700: #7a4c52;
--color-parrot-pink-800: #5a373d;
--color-parrot-pink-900: #3f252a;
--color-parrot-pink-950: #281417;
}SCSS
$parrot-pink: #d998a0;
$parrot-pink-rgb: 217, 152, 160;
$parrot-pink-light: mix(#fff, $parrot-pink, 20%);
$parrot-pink-dark: mix(#000, $parrot-pink, 20%);
.element {
color: $parrot-pink;
box-shadow: 0 0 0 2px rgba($parrot-pink, 0.35);
}