Couleur nommée · #F6A09D
Young Crab
Young Crab correspond à #F6A09D : rgb(246 160 157), hsl(2 83% 79%), oklch(0.79 0.103 21.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Young Crab color name →
#F6A09D
oklch(0.79 0.103 21.8)
Conversions de couleur
- HEX
- #f6a09d
- RGB
- rgb(246 160 157)
- HSL
- hsl(2 83% 79%)
- HWB
- hwb(2 62% 4%)
- OKLCH
- oklch(0.79 0.103 21.8)
- OKLab
- oklab(0.79 0.096 0.038)
- CIE Lab
- lab(74.67 32.59 15.55)
- LCH
- lch(74.67 36.11 25.5)
- CMYK
- cmyk(0% 35% 36% 4%)
Teintes · Ombres · Tons
Teintes
- F8AAA7
- F9B3B0
- FBBDBA
- FCC6C4
- FDD0CD
- FED9D7
- FFE3E1
- FFECEB
- FFF6F5
Ombres
- D68B88
- B77673
- 98615F
- 7B4E4C
- 5F3B3A
- 452928
- 2C1918
- 150909
- 030101
Tons
- EA9D9A
- DE9A97
- D39794
- C79492
- BB918F
- AF8E8C
- A48A89
- 988786
- 8C8383
Harmonies de couleurs
Complémentaire +180°
- F6A09D
Young Crab
- 5DCED7
≈ Blue Radiance
Analogue -30° +30°
- F6A09D
Young Crab
- EE9FC2
≈ Be My Valentine
- F0A87C
≈ Orange Liqueur
Triadique +120° +240°
- F6A09D
Young Crab
- 95CC8E
≈ Whipped Pistachio
- 96BBFD
≈ Truesky Gloxym
Complémentaire divisée +150° +210°
- F6A09D
Young Crab
- 6ED0B3
≈ Sea Treasure
- 71C7F1
≈ Nevermind Nirvana
Tétradique +90° +180° +270°
- F6A09D
Young Crab
- BCC272
≈ Zoodles
- 5DCED7
≈ Blue Radiance
- BCAFF8
≈ Winterspring Lilac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.01:1 · APCA Lc 39
Ag
AAASur noir
WCAG 10.43:1 · APCA Lc 63
Meilleure couleur de texte: #000000
WCAG 10.43:1 (AAA) · APCA Lc 63
Contrast pairs
Extraits de code
CSS
:root {
--young-crab: #f6a09d;
--young-crab-rgb: 246 160 157;
--young-crab-oklch: oklch(0.79 0.103 21.8);
}
.element {
color: var(--young-crab);
background-color: hsl(2 83% 79%);
border-color: oklch(0.79 0.103 21.8);
}Tailwind CSS v4
@theme {
--color-young-crab: #f6a09d;
--color-young-crab-50: #ffeae7;
--color-young-crab-100: #ffdbd7;
--color-young-crab-200: #fec4bf;
--color-young-crab-300: #e8a39e;
--color-young-crab-400: #d58583;
--color-young-crab-500: #c16867;
--color-young-crab-600: #a35957;
--color-young-crab-700: #834746;
--color-young-crab-800: #613333;
--color-young-crab-900: #442323;
--color-young-crab-950: #2c1112;
}SCSS
$young-crab: #f6a09d;
$young-crab-rgb: 246, 160, 157;
$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);
}