Couleur nommée la plus proche · #F39E98
#F39E98
Couleur nommée la plus proche: Young Crab
#F39E98 (rgb(243 158 152), hsl(4 79% 77%), oklch(0.782 0.103 24.1)) est la plus proche de la couleur nommée Young Crab. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F39E98
oklch(0.782 0.103 24.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- F5A8A2
- F7B2AC
- F9BBB6
- FAC5C0
- FCCFCB
- FDD8D5
- FEE2DF
- FEECEA
- FFF5F4
Ombres
- D38984
- B47470
- 97605C
- 7A4D4A
- 5E3A38
- 442927
- 2B1817
- 140908
- 030101
Tons
- E79B96
- DC9993
- D19691
- C5938F
- BA908C
- AE8D8A
- A38A87
- 978785
- 8C8382
Harmonies de couleurs
Complémentaire +180°
- F39E98
Young Crab
- 5BCBD6
≈ Watercourse
Analogue -30° +30°
- F39E98
Young Crab
- EC9DBD
≈ Amaranth Pink
- ECA678
≈ Prairie Sun
Triadique +120° +240°
- F39E98
Young Crab
- 8FCA8E
≈ Good Luck Charm
- 97B8FB
≈ Truesky Gloxym
Complémentaire divisée +150° +210°
- F39E98
Young Crab
- 6ACEB3
≈ Sweet Garden
- 71C3F0
≈ Blue Mana
Tétradique +90° +180° +270°
- F39E98
Young Crab
- B7C071
≈ Zoodles
- 5BCBD6
≈ Watercourse
- BCACF4
≈ Winterspring Lilac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.06:1 · APCA Lc 40
Ag
AAASur noir
WCAG 10.15:1 · APCA Lc 62
Meilleure couleur de texte: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Extraits de code
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);
}