가장 가까운 이름 색상 · #FC9295
#FC9295
가장 가까운 이름 색상: Fruity Licious
#FC9295(rgb(252 146 149), hsl(358 95% 78%), oklch(0.773 0.128 18.7))와 가장 가까운 이름 색상은 Fruity Licious입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FC9295
oklch(0.773 0.128 18.7)
색상 변환
- HEX
- #fc9295
- RGB
- rgb(252 146 149)
- HSL
- hsl(358 95% 78%)
- HWB
- hwb(358 57% 1%)
- OKLCH
- oklch(0.773 0.128 18.7)
- OKLab
- oklab(0.773 0.121 0.041)
- CIE Lab
- lab(72.29 41.08 16.81)
- LCH
- lch(72.29 44.38 22.3)
- CMYK
- cmyk(0% 42% 41% 1%)
틴트 · 셰이드 · 톤
틴트
- FE9D9F
- FFA9AA
- FFB4B4
- FFBEBF
- FFC9C9
- FFD4D4
- FFDFDE
- FFEAE9
- FFF4F4
셰이드
- DB7E81
- BB6B6D
- 9C585A
- 7E4648
- 623537
- 472526
- 2D1616
- 160808
- 030101
톤
- F09193
- E48F91
- D78E8F
- CB8C8D
- BF8B8B
- B28989
- A68787
- 9A8584
- 8D8282
색 조화
보색 +180°
- FC9295
Fruity Licious
- 1BCDD3
≈ Jade Glass
유사색 -30° +30°
- FC9295
Fruity Licious
- F192C2
≈ Pearly Pink
- F79B69
≈ Burning Coals
삼각 배색 +120° +240°
- FC9295
Fruity Licious
- 8AC977
≈ Fresh Cut Grass
- 87B6FF
≈ Carolina Blue
분열 보색 +150° +210°
- FC9295
Fruity Licious
- 4FCFA6
≈ Mint Jelly
- 48C4F6
≈ Shovel Knight
사각 배색 +90° +180° +270°
- FC9295
Fruity Licious
- BCBB52
≈ Parachute
- 1BCDD3
≈ Jade Glass
- B2A8FF
≈ Shy Moment
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.16:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.68:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--fruity-licious: #fc9295;
--fruity-licious-rgb: 252 146 149;
--fruity-licious-oklch: oklch(0.773 0.128 18.7);
}
.element {
color: var(--fruity-licious);
background-color: hsl(358 95% 78%);
border-color: oklch(0.773 0.128 18.7);
}Tailwind CSS v4
@theme {
--color-fruity-licious: #fc9295;
--color-fruity-licious-50: #ffe7e6;
--color-fruity-licious-100: #ffd8d6;
--color-fruity-licious-200: #ffbfbd;
--color-fruity-licious-300: #f29d9b;
--color-fruity-licious-400: #e07e81;
--color-fruity-licious-500: #cd5e64;
--color-fruity-licious-600: #ad5055;
--color-fruity-licious-700: #8b4044;
--color-fruity-licious-800: #672e32;
--color-fruity-licious-900: #491f22;
--color-fruity-licious-950: #2f0e11;
}SCSS
$fruity-licious: #fc9295;
$fruity-licious-rgb: 252, 146, 149;
$fruity-licious-light: mix(#fff, $fruity-licious, 20%);
$fruity-licious-dark: mix(#000, $fruity-licious, 20%);
.element {
color: $fruity-licious;
box-shadow: 0 0 0 2px rgba($fruity-licious, 0.35);
}