En yakın adlandırılmış renk · #F39E98
#F39E98
En yakın adlandırılmış renk: Young Crab
#F39E98 (rgb(243 158 152), hsl(4 79% 77%), oklch(0.782 0.103 24.1)) en çok Young Crab 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.
#F39E98
oklch(0.782 0.103 24.1)
Renk dönüşümleri
- HEX
- #f39e98
- RGB
- rgb(243 158 152)
- HSL
- hsl(4 79% 77%)
- HWB
- hwb(4 60% 5%)
- OKLCH
- oklch(0.782 0.103 24.1)
- OKLab
- oklab(0.782 0.094 0.042)
- CIE Lab
- lab(73.78 32.03 16.98)
- LCH
- lch(73.78 36.25 27.9)
- CMYK
- cmyk(0% 35% 37% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F5A8A2
- F7B2AC
- F9BBB6
- FAC5C0
- FCCFCB
- FDD8D5
- FEE2DF
- FEECEA
- FFF5F4
Koyu tonlar
- D38984
- B47470
- 97605C
- 7A4D4A
- 5E3A38
- 442927
- 2B1817
- 140908
- 030101
Gri tonlar
- E79B96
- DC9993
- D19691
- C5938F
- BA908C
- AE8D8A
- A38A87
- 978785
- 8C8382
Renk uyumları
Tamamlayıcı +180°
- F39E98
Young Crab
- 5BCBD6
≈ Watercourse
Analog -30° +30°
- F39E98
Young Crab
- EC9DBD
≈ Amaranth Pink
- ECA678
≈ Prairie Sun
Üçlü +120° +240°
- F39E98
Young Crab
- 8FCA8E
≈ Good Luck Charm
- 97B8FB
≈ Truesky Gloxym
Bölünmüş tamamlayıcı +150° +210°
- F39E98
Young Crab
- 6ACEB3
≈ Sweet Garden
- 71C3F0
≈ Blue Mana
Dörtlü +90° +180° +270°
- F39E98
Young Crab
- B7C071
≈ Zoodles
- 5BCBD6
≈ Watercourse
- BCACF4
≈ Winterspring Lilac
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.06:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.15:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--young-crab: #f39e98;
--young-crab-rgb: 243 158 152;
--young-crab-oklch: oklch(0.782 0.103 24.1);
}
.element {
color: var(--young-crab);
background-color: hsl(4 79% 77%);
border-color: oklch(0.782 0.103 24.1);
}Tailwind CSS v4
@theme {
--color-young-crab: #f39e98;
--color-young-crab-50: #ffebe6;
--color-young-crab-100: #ffdcd6;
--color-young-crab-200: #fdc4bd;
--color-young-crab-300: #e7a39c;
--color-young-crab-400: #d48681;
--color-young-crab-500: #c16964;
--color-young-crab-600: #a35955;
--color-young-crab-700: #834744;
--color-young-crab-800: #613332;
--color-young-crab-900: #442322;
--color-young-crab-950: #2c1211;
}SCSS
$young-crab: #f39e98;
$young-crab-rgb: 243, 158, 152;
$young-crab-light: mix(#fff, $young-crab, 20%);
$young-crab-dark: mix(#000, $young-crab, 20%);
.element {
color: $young-crab;
box-shadow: 0 0 0 2px rgba($young-crab, 0.35);
}