En yakın adlandırılmış renk · #F96999
#F96999
En yakın adlandırılmış renk: Stellar Strawberry
#F96999 (rgb(249 105 153), hsl(340 92% 69%), oklch(0.711 0.181 2)) en çok Stellar Strawberry adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#F96999
oklch(0.711 0.181 2)
Renk dönüşümleri
- HEX
- #f96999
- RGB
- rgb(249 105 153)
- HSL
- hsl(340 92% 69%)
- HWB
- hwb(340 41% 2%)
- OKLCH
- oklch(0.711 0.181 2)
- OKLab
- oklab(0.711 0.181 0.006)
- CIE Lab
- lab(64.27 59.17 3.29)
- LCH
- lch(64.27 59.26 3.2)
- CMYK
- cmyk(0% 58% 39% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FC7AA3
- FE8AAD
- FF99B7
- FFA8C1
- FFB7CB
- FFC6D5
- FFD4DF
- FFE2EA
- FFF1F4
Koyu tonlar
- D95A84
- B94C70
- 9A3E5D
- 7D314A
- 612438
- 461827
- 2C0C17
- 150408
- 030001
Gri tonlar
- EE6D96
- E27194
- D77491
- CB778F
- BF798C
- B37B8A
- A77D87
- 9A7E85
- 8E7F82
Renk uyumları
Tamamlayıcı +180°
- F96999
Stellar Strawberry
- 00BBA8
≈ Verditer
Analog -30° +30°
- F96999
Stellar Strawberry
- E171D3
≈ Pink Orchid
- FE6E55
≈ Blistering Mars
Üçlü +120° +240°
- F96999
Stellar Strawberry
- 90B100
≈ Grasping Grass
- 13ABFF
≈ Krishna Blue
Bölünmüş tamamlayıcı +150° +210°
- F96999
Stellar Strawberry
- 1BC166
≈ Algal Fuel
- 00B6CF
≈ Utopia Beckons
Dörtlü +90° +180° +270°
- F96999
Stellar Strawberry
- C39E00
≈ Molten Bronze
- 00BBA8
≈ Verditer
- 829AFF
≈ Periwinkle Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.50:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--stellar-strawberry: #f96999;
--stellar-strawberry-rgb: 249 105 153;
--stellar-strawberry-oklch: oklch(0.711 0.181 2);
}
.element {
color: var(--stellar-strawberry);
background-color: hsl(340 92% 69%);
border-color: oklch(0.711 0.181 2);
}Tailwind CSS v4
@theme {
--color-stellar-strawberry: #f96999;
--color-stellar-strawberry-50: #ffe0ef;
--color-stellar-strawberry-100: #ffcfe1;
--color-stellar-strawberry-200: #ffb3cb;
--color-stellar-strawberry-300: #ff8dad;
--color-stellar-strawberry-400: #f16996;
--color-stellar-strawberry-500: #df417d;
--color-stellar-strawberry-600: #bd396a;
--color-stellar-strawberry-700: #982d54;
--color-stellar-strawberry-800: #711f40;
--color-stellar-strawberry-900: #4f152c;
--color-stellar-strawberry-950: #340519;
}SCSS
$stellar-strawberry: #f96999;
$stellar-strawberry-rgb: 249, 105, 153;
$stellar-strawberry-light: mix(#fff, $stellar-strawberry, 20%);
$stellar-strawberry-dark: mix(#000, $stellar-strawberry, 20%);
.element {
color: $stellar-strawberry;
box-shadow: 0 0 0 2px rgba($stellar-strawberry, 0.35);
}