Nazwany kolor · #ED9AAB
Pink Moment
Pink Moment to #ED9AAB: rgb(237 154 171), hsl(348 70% 77%), oklch(0.774 0.101 6.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Pink Moment color name →
#ED9AAB
oklch(0.774 0.101 6.3)
Konwersje koloru
- HEX
- #ed9aab
- RGB
- rgb(237 154 171)
- HSL
- hsl(348 70% 77%)
- HWB
- hwb(348 60% 7%)
- OKLCH
- oklch(0.774 0.101 6.3)
- OKLab
- oklab(0.774 0.101 0.011)
- CIE Lab
- lab(72.55 33.5 4.72)
- LCH
- lch(72.55 33.83 8)
- CMYK
- cmyk(0% 35% 28% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0A4B3
- F2AEBB
- F5B8C4
- F7C2CC
- F9CDD4
- FAD7DD
- FCE1E5
- FDEBEE
- FEF5F6
Odcienie ciemniejsze
- CE8594
- B0717E
- 935E68
- 774B54
- 5C3940
- 42272D
- 2A171B
- 14090B
- 030101
Tony
- E298A7
- D795A2
- CC939E
- C2909A
- B78E95
- AC8B91
- A1888D
- 968688
- 8B8384
Harmonie kolorów
Komplementarna +180°
- ED9AAB
Pink Moment
- 5ECABF
≈ Bayside
Analogowa -30° +30°
- ED9AAB
Pink Moment
- DF9DCE
≈ Exotic Violet
- EE9E88
≈ Rose Essence
Triada +120° +240°
- ED9AAB
Pink Moment
- A5C17A
≈ Opaline Green
- 7EBCF3
≈ Electric Eel
Komplementarna rozszczepiona +150° +210°
- ED9AAB
Pink Moment
- 7DC99B
≈ Garden Glow
- 5FC6DF
≈ Squeaky
Tetrada +90° +180° +270°
- ED9AAB
Pink Moment
- C8B667
≈ Linden Green
- 5ECABF
≈ Bayside
- A4B0F6
≈ Wondrous Wisteria
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.14:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.81:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.81:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-moment: #ed9aab;
--pink-moment-rgb: 237 154 171;
--pink-moment-oklch: oklch(0.774 0.101 6.3);
}
.element {
color: var(--pink-moment);
background-color: hsl(348 70% 77%);
border-color: oklch(0.774 0.101 6.3);
}Tailwind CSS v4
@theme {
--color-pink-moment: #ed9aab;
--color-pink-moment-50: #ffeaef;
--color-pink-moment-100: #ffdbe1;
--color-pink-moment-200: #fcc3cc;
--color-pink-moment-300: #e5a2ad;
--color-pink-moment-400: #d28595;
--color-pink-moment-500: #be687b;
--color-pink-moment-600: #a05868;
--color-pink-moment-700: #814653;
--color-pink-moment-800: #5f333e;
--color-pink-moment-900: #43222b;
--color-pink-moment-950: #2b1118;
}SCSS
$pink-moment: #ed9aab;
$pink-moment-rgb: 237, 154, 171;
$pink-moment-light: mix(#fff, $pink-moment, 20%);
$pink-moment-dark: mix(#000, $pink-moment, 20%);
.element {
color: $pink-moment;
box-shadow: 0 0 0 2px rgba($pink-moment, 0.35);
}