Najbliższy nazwany kolor · #F9878F
#F9878F
Najbliższy nazwany kolor: Tulip
#F9878F (rgb(249 135 143), hsl(356 90% 75%), oklch(0.75 0.139 16.5)) jest najbliższy nazwanemu kolorowi Tulip. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F9878F
oklch(0.75 0.139 16.5)
Konwersje koloru
- HEX
- #f9878f
- RGB
- rgb(249 135 143)
- HSL
- hsl(356 90% 75%)
- HWB
- hwb(356 53% 2%)
- OKLCH
- oklch(0.75 0.139 16.5)
- OKLab
- oklab(0.75 0.133 0.039)
- CIE Lab
- lab(69.55 44.83 16.31)
- LCH
- lch(69.55 47.7 20)
- CMYK
- cmyk(0% 46% 43% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FB949A
- FDA0A5
- FEACB0
- FFB8BB
- FFC4C6
- FFD0D1
- FFDCDD
- FFE8E8
- FFF3F3
Odcienie ciemniejsze
- D9757C
- B96369
- 9A5157
- 7D4145
- 613134
- 462124
- 2C1315
- 150607
- 030101
Tony
- ED878E
- E1878C
- D6878B
- CA8689
- BE8688
- B28586
- A68485
- 998383
- 8D8182
Harmonie kolorów
Komplementarna +180°
- F9878F
Tulip
- 00C6C9
≈ Turquoise Surf
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- F9878F
Tulip
- 39C99B
≈ Dark Shamrock
- 20BFF1
≈ Blue Raspberry
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.36:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.89:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.89:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--tulip: #f9878f;
--tulip-rgb: 249 135 143;
--tulip-oklch: oklch(0.75 0.139 16.5);
}
.element {
color: var(--tulip);
background-color: hsl(356 90% 75%);
border-color: oklch(0.75 0.139 16.5);
}Tailwind CSS v4
@theme {
--color-tulip: #f9878f;
--color-tulip-50: #ffe6e6;
--color-tulip-100: #ffd6d6;
--color-tulip-200: #ffbdbd;
--color-tulip-300: #f69a9c;
--color-tulip-400: #e47a81;
--color-tulip-500: #d25965;
--color-tulip-600: #b14c56;
--color-tulip-700: #8e3d44;
--color-tulip-800: #6a2b33;
--color-tulip-900: #4b1d23;
--color-tulip-950: #310c12;
}SCSS
$tulip: #f9878f;
$tulip-rgb: 249, 135, 143;
$tulip-light: mix(#fff, $tulip, 20%);
$tulip-dark: mix(#000, $tulip, 20%);
.element {
color: $tulip;
box-shadow: 0 0 0 2px rgba($tulip, 0.35);
}