가장 가까운 이름 색상 · #FF938E
#FF938E
가장 가까운 이름 색상: Vinaceous
#FF938E(rgb(255 147 142), hsl(3 100% 78%), oklch(0.776 0.131 23.3))와 가장 가까운 이름 색상은 Vinaceous입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FF938E
oklch(0.776 0.131 23.3)
색상 변환
- HEX
- #ff938e
- RGB
- rgb(255 147 142)
- HSL
- hsl(3 100% 78%)
- HWB
- hwb(3 56% 0%)
- OKLCH
- oklch(0.776 0.131 23.3)
- OKLab
- oklab(0.776 0.12 0.052)
- CIE Lab
- lab(72.76 41.18 21.38)
- LCH
- lch(72.76 46.4 27.4)
- CMYK
- cmyk(0% 42% 44% 0%)
틴트 · 셰이드 · 톤
틴트
- FF9E99
- FFA9A4
- FFB4AF
- FFBFBB
- FFCAC6
- FFD5D1
- FFDFDC
- FFEAE8
- FFF4F3
셰이드
- DE7F7B
- BE6C68
- 9E5956
- 804744
- 633634
- 482524
- 2E1615
- 160807
- 030101
톤
- F2928D
- E6908C
- D98F8A
- CD8D89
- C08B88
- B48986
- A78785
- 9A8583
- 8D8282
색 조화
보색 +180°
- FF938E
Vinaceous
- 0DCEDC
≈ Jade Glass
유사색 -30° +30°
- FF938E
Vinaceous
- F692BD
≈ Pastel Magenta
- F79E62
≈ Brushed Orange
삼각 배색 +120° +240°
- FF938E
Vinaceous
- 81CC7E
≈ Jube Green
- 90B6FF
≈ Carolina Blue
분열 보색 +150° +210°
- FF938E
Vinaceous
- 41D1AF
≈ Simply Aqua
- 4FC4FC
≈ Shovel Knight
사각 배색 +90° +180° +270°
- FF938E
Vinaceous
- B6BF55
≈ Sativa
- 0DCEDC
≈ Jade Glass
- BAA6FF
≈ Winterspring Lilac
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.13:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.81:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.81:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--vinaceous: #ff938e;
--vinaceous-rgb: 255 147 142;
--vinaceous-oklch: oklch(0.776 0.131 23.3);
}
.element {
color: var(--vinaceous);
background-color: hsl(3 100% 78%);
border-color: oklch(0.776 0.131 23.3);
}Tailwind CSS v4
@theme {
--color-vinaceous: #ff938e;
--color-vinaceous-50: #ffe8e2;
--color-vinaceous-100: #ffd8d2;
--color-vinaceous-200: #ffbfb8;
--color-vinaceous-300: #f39d95;
--color-vinaceous-400: #e17d79;
--color-vinaceous-500: #cf5e5b;
--color-vinaceous-600: #ae504e;
--color-vinaceous-700: #8c403e;
--color-vinaceous-800: #682d2e;
--color-vinaceous-900: #491f1f;
--color-vinaceous-950: #300e0f;
}SCSS
$vinaceous: #ff938e;
$vinaceous-rgb: 255, 147, 142;
$vinaceous-light: mix(#fff, $vinaceous, 20%);
$vinaceous-dark: mix(#000, $vinaceous, 20%);
.element {
color: $vinaceous;
box-shadow: 0 0 0 2px rgba($vinaceous, 0.35);
}