Nazwany kolor · #EFABA6
Pressed Rose
Pressed Rose to #EFABA6: rgb(239 171 166), hsl(4 70% 79%), oklch(0.804 0.081 23.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Pressed Rose color name →
#EFABA6
oklch(0.804 0.081 23.7)
Konwersje koloru
- HEX
- #efaba6
- RGB
- rgb(239 171 166)
- HSL
- hsl(4 70% 79%)
- HWB
- hwb(4 65% 6%)
- OKLCH
- oklch(0.804 0.081 23.7)
- OKLab
- oklab(0.804 0.074 0.033)
- CIE Lab
- lab(76.5 25.22 13.05)
- LCH
- lch(76.5 28.4 27.4)
- CMYK
- cmyk(0% 28% 31% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1B3AF
- F3BCB7
- F5C4C0
- F7CDC9
- F9D5D2
- FADDDB
- FCE6E4
- FDEEED
- FEF7F6
Odcienie ciemniejsze
- D09490
- B17E7A
- 946865
- 785451
- 5C403E
- 422D2B
- 2A1B1A
- 140B0A
- 030101
Tony
- E4A7A2
- D9A39E
- CD9E9B
- C29A97
- B79693
- AC918F
- A18D8B
- 968988
- 8B8484
Harmonie kolorów
Komplementarna +180°
- EFABA6
Pressed Rose
- 7DCFD7
≈ Sea of Tranquillity
Analogowa -30° +30°
- EFABA6
Pressed Rose
- E9AAC3
≈ Little Princess
- E9B18E
≈ Trick or Treat
Triada +120° +240°
- EFABA6
Pressed Rose
- A0CD9E
≈ Mover & Shaker
- A4BFF4
≈ Pastel Blue
Komplementarna rozszczepiona +150° +210°
- EFABA6
Pressed Rose
- 86D1BB
≈ Blue Frosting
- 8AC8EB
≈ Shimmer
Tetrada +90° +180° +270°
- EFABA6
Pressed Rose
- BEC589
≈ Misty Valley
- 7DCFD7
≈ Sea of Tranquillity
- C1B6EF
≈ Purple Sand
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.90:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.04:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.04:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--pressed-rose: #efaba6;
--pressed-rose-rgb: 239 171 166;
--pressed-rose-oklch: oklch(0.804 0.081 23.7);
}
.element {
color: var(--pressed-rose);
background-color: hsl(4 70% 79%);
border-color: oklch(0.804 0.081 23.7);
}Tailwind CSS v4
@theme {
--color-pressed-rose: #efaba6;
--color-pressed-rose-50: #ffede9;
--color-pressed-rose-100: #ffdeda;
--color-pressed-rose-200: #f5c8c3;
--color-pressed-rose-300: #dea8a2;
--color-pressed-rose-400: #ca8c87;
--color-pressed-rose-500: #b6706c;
--color-pressed-rose-600: #9a5f5c;
--color-pressed-rose-700: #7b4c49;
--color-pressed-rose-800: #5b3736;
--color-pressed-rose-900: #402525;
--color-pressed-rose-950: #291413;
}SCSS
$pressed-rose: #efaba6;
$pressed-rose-rgb: 239, 171, 166;
$pressed-rose-light: mix(#fff, $pressed-rose, 20%);
$pressed-rose-dark: mix(#000, $pressed-rose, 20%);
.element {
color: $pressed-rose;
box-shadow: 0 0 0 2px rgba($pressed-rose, 0.35);
}