가장 가까운 이름 색상 · #F58D88
#F58D88
가장 가까운 이름 색상: Vinaceous Cinnamon
#F58D88(rgb(245 141 136), hsl(3 84% 75%), oklch(0.753 0.127 23.4))와 가장 가까운 이름 색상은 Vinaceous Cinnamon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F58D88
oklch(0.753 0.127 23.4)
색상 변환
- HEX
- #f58d88
- RGB
- rgb(245 141 136)
- HSL
- hsl(3 84% 75%)
- HWB
- hwb(3 53% 4%)
- OKLCH
- oklch(0.753 0.127 23.4)
- OKLab
- oklab(0.753 0.117 0.051)
- CIE Lab
- lab(70.11 39.95 20.84)
- LCH
- lch(70.11 45.06 27.6)
- CMYK
- cmyk(0% 42% 44% 4%)
틴트 · 셰이드 · 톤
틴트
- F79994
- F9A49F
- FBB0AB
- FDBBB7
- FEC7C3
- FFD2CE
- FFDDDA
- FFE9E7
- FFF4F3
셰이드
- D57A75
- B66763
- 985552
- 7B4441
- 5F3331
- 442322
- 2B1413
- 150706
- 030101
톤
- EA8C87
- DE8C87
- D38B86
- C78985
- BB8885
- B08784
- A48583
- 988482
- 8C8281
색 조화
보색 +180°
- F58D88
Vinaceous Cinnamon
- 0CC6D3
≈ Turquoise Surf
유사색 -30° +30°
- F58D88
Vinaceous Cinnamon
- ED8CB5
≈ Brown Knapweed
- ED975D
≈ Topaz Yellow
삼각 배색 +120° +240°
- F58D88
Vinaceous Cinnamon
- 7CC479
≈ Garden Stroll
- 85AEFF
≈ Kitten’s Eye
분열 보색 +150° +210°
- F58D88
Vinaceous Cinnamon
- 3EC9A8
≈ Jadeite
- 4CBCF2
≈ Clean Pool
사각 배색 +90° +180° +270°
- F58D88
Vinaceous Cinnamon
- AFB751
≈ Green Oasis
- 0CC6D3
≈ Turquoise Surf
- B39FF8
≈ Shy Moment
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.32:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.04:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.04:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--vinaceous-cinnamon: #f58d88;
--vinaceous-cinnamon-rgb: 245 141 136;
--vinaceous-cinnamon-oklch: oklch(0.753 0.127 23.4);
}
.element {
color: var(--vinaceous-cinnamon);
background-color: hsl(3 84% 75%);
border-color: oklch(0.753 0.127 23.4);
}Tailwind CSS v4
@theme {
--color-vinaceous-cinnamon: #f58d88;
--color-vinaceous-cinnamon-50: #ffe8e3;
--color-vinaceous-cinnamon-100: #ffd8d2;
--color-vinaceous-cinnamon-200: #ffc0b9;
--color-vinaceous-cinnamon-300: #f29e96;
--color-vinaceous-cinnamon-400: #e07f7a;
--color-vinaceous-cinnamon-500: #cd5f5d;
--color-vinaceous-cinnamon-600: #ad514f;
--color-vinaceous-cinnamon-700: #8b413f;
--color-vinaceous-cinnamon-800: #672e2e;
--color-vinaceous-cinnamon-900: #491f1f;
--color-vinaceous-cinnamon-950: #2f0e0f;
}SCSS
$vinaceous-cinnamon: #f58d88;
$vinaceous-cinnamon-rgb: 245, 141, 136;
$vinaceous-cinnamon-light: mix(#fff, $vinaceous-cinnamon, 20%);
$vinaceous-cinnamon-dark: mix(#000, $vinaceous-cinnamon, 20%);
.element {
color: $vinaceous-cinnamon;
box-shadow: 0 0 0 2px rgba($vinaceous-cinnamon, 0.35);
}