Adlandırılmış renk · #FF878D
Tulip
Tulip, #FF878D: rgb(255 135 141), hsl(357 100% 76%), oklch(0.758 0.146 18). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Tulip color name →
#FF878D
oklch(0.758 0.146 18)
Renk dönüşümleri
- HEX
- #ff878d
- RGB
- rgb(255 135 141)
- HSL
- hsl(357 100% 76%)
- HWB
- hwb(357 53% 0%)
- OKLCH
- oklch(0.758 0.146 18)
- OKLab
- oklab(0.758 0.138 0.045)
- CIE Lab
- lab(70.34 46.86 18.66)
- LCH
- lch(70.34 50.43 21.7)
- CMYK
- cmyk(0% 47% 45% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF9498
- FFA0A3
- FFACAE
- FFB9BA
- FFC4C5
- FFD0D0
- FFDCDC
- FFE8E8
- FFF3F3
Koyu tonlar
- DE757A
- BE6367
- 9E5155
- 804144
- 633133
- 482123
- 2E1314
- 160607
- 030101
Gri tonlar
- F3878C
- E6878B
- DA8789
- CD8788
- C18687
- B48586
- A88484
- 9B8383
- 8D8281
Renk uyumları
Tamamlayıcı +180°
- FF878D
Tulip
- 00C9CE
≈ Tilla Kari Mosque
Analog -30° +30°
- FF878D
Tulip
- F388C1
≈ Bubblegum Beam
- FA9158
≈ Umezome Pink
Üçlü +120° +240°
- FF878D
Tulip
- 80C667
≈ Energise
- 7EB2FF
≈ French Sky Blue
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.30:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.10:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--tulip: #ff878d;
--tulip-rgb: 255 135 141;
--tulip-oklch: oklch(0.758 0.146 18);
}
.element {
color: var(--tulip);
background-color: hsl(357 100% 76%);
border-color: oklch(0.758 0.146 18);
}Tailwind CSS v4
@theme {
--color-tulip: #ff878d;
--color-tulip-50: #ffe5e4;
--color-tulip-100: #ffd5d4;
--color-tulip-200: #ffbcba;
--color-tulip-300: #f99898;
--color-tulip-400: #e7787d;
--color-tulip-500: #d55661;
--color-tulip-600: #b44a52;
--color-tulip-700: #913b41;
--color-tulip-800: #6c2931;
--color-tulip-900: #4c1c21;
--color-tulip-950: #320b10;
}SCSS
$tulip: #ff878d;
$tulip-rgb: 255, 135, 141;
$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);
}