Nazwany kolor · #F75394
Pansy
Pansy to #F75394: rgb(247 83 148), hsl(336 91% 65%), oklch(0.682 0.206 359.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Pansy color name →
#F75394
oklch(0.682 0.206 359.8)
Konwersje koloru
- HEX
- #f75394
- RGB
- rgb(247 83 148)
- HSL
- hsl(336 91% 65%)
- HWB
- hwb(336 33% 3%)
- OKLCH
- oklch(0.682 0.206 359.8)
- OKLab
- oklab(0.682 0.206 -0.001)
- CIE Lab
- lab(60.51 66.84 0.73)
- LCH
- lch(60.51 66.84 0.6)
- CMYK
- cmyk(0% 66% 40% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FA689E
- FD7BA9
- FF8DB3
- FF9EBE
- FFAFC8
- FFBFD3
- FFCFDE
- FFDFE9
- FFEFF4
Odcienie ciemniejsze
- D74780
- B73B6D
- 99305A
- 7C2548
- 601B36
- 451126
- 2C0816
- 150208
- 030001
Tony
- EC5B92
- E16290
- D6678E
- CB6C8C
- BF718A
- B37588
- A77886
- 9B7B84
- 8E7E82
Harmonie kolorów
Komplementarna +180°
- F75394
Pansy
- 00B19B
≈ Pool Green
Analogowa -30° +30°
Triada +120° +240°
- F75394
Pansy
- 8DA600
≈ UFO Defense Green
- 00A3EE
≈ Button Blue
Komplementarna rozszczepiona +150° +210°
- F75394
Pansy
- 00B754
≈ Billiards Cloth
- 00ACC1
≈ Bahaman Sea
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.17:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.61:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.61:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--pansy: #f75394;
--pansy-rgb: 247 83 148;
--pansy-oklch: oklch(0.682 0.206 359.8);
}
.element {
color: var(--pansy);
background-color: hsl(336 91% 65%);
border-color: oklch(0.682 0.206 359.8);
}Tailwind CSS v4
@theme {
--color-pansy: #f75394;
--color-pansy-50: #ffddf1;
--color-pansy-100: #ffcbe3;
--color-pansy-200: #ffaece;
--color-pansy-300: #ff86af;
--color-pansy-400: #fa5f9a;
--color-pansy-500: #e82c81;
--color-pansy-600: #c4296d;
--color-pansy-700: #9e2157;
--color-pansy-800: #751642;
--color-pansy-900: #530e2e;
--color-pansy-950: #37011a;
}SCSS
$pansy: #f75394;
$pansy-rgb: 247, 83, 148;
$pansy-light: mix(#fff, $pansy, 20%);
$pansy-dark: mix(#000, $pansy, 20%);
.element {
color: $pansy;
box-shadow: 0 0 0 2px rgba($pansy, 0.35);
}