Nazwany kolor · #F5B3BC
Powder Rose
Powder Rose to #F5B3BC: rgb(245 179 188), hsl(352 77% 83%), oklch(0.83 0.078 9.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Powder Rose color name →
#F5B3BC
oklch(0.83 0.078 9.8)
Konwersje koloru
- HEX
- #f5b3bc
- RGB
- rgb(245 179 188)
- HSL
- hsl(352 77% 83%)
- HWB
- hwb(352 70% 4%)
- OKLCH
- oklch(0.83 0.078 9.8)
- OKLab
- oklab(0.83 0.077 0.013)
- CIE Lab
- lab(79.43 25.65 5.41)
- LCH
- lch(79.43 26.21 11.9)
- CMYK
- cmyk(0% 27% 23% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F7BBC3
- F8C2C9
- F9CAD0
- FAD1D6
- FCD9DD
- FDE1E4
- FDE8EB
- FEF0F1
- FFF7F8
Odcienie ciemniejsze
- D59BA3
- B6848B
- 986E73
- 7B585D
- 5F4347
- 442F32
- 2B1D1F
- 150C0D
- 030102
Tony
- E9AEB6
- DDA9B0
- D1A4AA
- C69FA4
- BA9A9D
- AE9498
- A38F92
- 978A8C
- 8C8586
Harmonie kolorów
Komplementarna +180°
- F5B3BC
Powder Rose
- 8AD8D2
≈ Rainwater
Analogowa -30° +30°
- F5B3BC
Powder Rose
- EBB4D8
≈ Pink Gems
- F4B7A2
≈ Antique Cameo
Triada +120° +240°
- F5B3BC
Powder Rose
- B7D29D
≈ In Good Taste
- A1CCF9
≈ Baby Blue
Komplementarna rozszczepiona +150° +210°
- F5B3BC
Powder Rose
- 9BD8B6
≈ Nihilakh Oxide
- 8DD4EA
≈ Slightly Spritzig
Tetrada +90° +180° +270°
- F5B3BC
Powder Rose
- D3C98E
≈ Golden Mist
- 8AD8D2
≈ Rainwater
- BDC3FA
≈ Light Periwinkle
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.74:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 12.05:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--powder-rose: #f5b3bc;
--powder-rose-rgb: 245 179 188;
--powder-rose-oklch: oklch(0.83 0.078 9.8);
}
.element {
color: var(--powder-rose);
background-color: hsl(352 77% 83%);
border-color: oklch(0.83 0.078 9.8);
}Tailwind CSS v4
@theme {
--color-powder-rose: #f5b3bc;
--color-powder-rose-50: #ffedef;
--color-powder-rose-100: #ffdee1;
--color-powder-rose-200: #f3c7cb;
--color-powder-rose-300: #dca8ad;
--color-powder-rose-400: #c78c94;
--color-powder-rose-500: #b3707a;
--color-powder-rose-600: #975f68;
--color-powder-rose-700: #794c53;
--color-powder-rose-800: #5a373d;
--color-powder-rose-900: #3f252a;
--color-powder-rose-950: #281418;
}SCSS
$powder-rose: #f5b3bc;
$powder-rose-rgb: 245, 179, 188;
$powder-rose-light: mix(#fff, $powder-rose, 20%);
$powder-rose-dark: mix(#000, $powder-rose, 20%);
.element {
color: $powder-rose;
box-shadow: 0 0 0 2px rgba($powder-rose, 0.35);
}