En yakın adlandırılmış renk · #F96E75
#F96E75
En yakın adlandırılmış renk: Begonia
#F96E75 (rgb(249 110 117), hsl(357 92% 70%), oklch(0.709 0.17 19.5)) en çok Begonia 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.
#F96E75
oklch(0.709 0.17 19.5)
Renk dönüşümleri
- HEX
- #f96e75
- RGB
- rgb(249 110 117)
- HSL
- hsl(357 92% 70%)
- HWB
- hwb(357 43% 2%)
- OKLCH
- oklch(0.709 0.17 19.5)
- OKLab
- oklab(0.709 0.161 0.057)
- CIE Lab
- lab(64.43 54.63 24.04)
- LCH
- lch(64.43 59.69 23.8)
- CMYK
- cmyk(0% 56% 53% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FC7E82
- FE8E90
- FF9C9D
- FFABAB
- FFB9B9
- FFC7C7
- FFD5D4
- FFE3E3
- FFF1F1
Koyu tonlar
- D95F65
- B95055
- 9A4146
- 7D3337
- 612629
- 46191C
- 2C0E0F
- 150405
- 030101
Gri tonlar
- EE7276
- E27578
- D77779
- CB797A
- BF7B7B
- B37D7C
- A77E7D
- 9A7F7E
- 8D807F
Renk uyumları
Tamamlayıcı +180°
- F96E75
Begonia
- 00B7BE
≈ Cyan Sky
Analog -30° +30°
- F96E75
Begonia
- EC6FB1
≈ Amaranth
- F37B2C
≈ Iceland Poppy
Üçlü +120° +240°
- F96E75
Begonia
- 62BA4B
≈ Range Land
- 65A0FF
≈ Âbi Blue
Bölünmüş tamamlayıcı +150° +210°
- F96E75
Begonia
- 00BD93
≈ Mountain Meadow
- 00B0E7
≈ Lynx Screen Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.51:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.51:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--begonia: #f96e75;
--begonia-rgb: 249 110 117;
--begonia-oklch: oklch(0.709 0.17 19.5);
}
.element {
color: var(--begonia);
background-color: hsl(357 92% 70%);
border-color: oklch(0.709 0.17 19.5);
}Tailwind CSS v4
@theme {
--color-begonia: #f96e75;
--color-begonia-50: #ffe3e0;
--color-begonia-100: #ffd2cf;
--color-begonia-200: #ffb7b4;
--color-begonia-300: #ff9290;
--color-begonia-400: #f26f75;
--color-begonia-500: #e04856;
--color-begonia-600: #bd3f4a;
--color-begonia-700: #98323a;
--color-begonia-800: #72232c;
--color-begonia-900: #50171e;
--color-begonia-950: #35070e;
}SCSS
$begonia: #f96e75;
$begonia-rgb: 249, 110, 117;
$begonia-light: mix(#fff, $begonia, 20%);
$begonia-dark: mix(#000, $begonia, 20%);
.element {
color: $begonia;
box-shadow: 0 0 0 2px rgba($begonia, 0.35);
}