가장 가까운 이름 색상 · #F48887
#F48887
가장 가까운 이름 색상: Vinaceous Cinnamon
#F48887(rgb(244 136 135), hsl(1 83% 74%), oklch(0.744 0.132 21.3))와 가장 가까운 이름 색상은 Vinaceous Cinnamon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F48887
oklch(0.744 0.132 21.3)
색상 변환
- HEX
- #f48887
- RGB
- rgb(244 136 135)
- HSL
- hsl(1 83% 74%)
- HWB
- hwb(1 53% 4%)
- OKLCH
- oklch(0.744 0.132 21.3)
- OKLab
- oklab(0.744 0.123 0.048)
- CIE Lab
- lab(68.93 41.94 19.78)
- LCH
- lch(68.93 46.37 25.3)
- CMYK
- cmyk(0% 44% 45% 4%)
틴트 · 셰이드 · 톤
틴트
- F79493
- F9A19E
- FBADAA
- FCB9B6
- FEC4C2
- FFD0CE
- FFDCDA
- FFE8E6
- FFF3F3
셰이드
- D47575
- B56363
- 975251
- 7A4141
- 5E3131
- 442221
- 2B1313
- 140606
- 030101
톤
- E98886
- DD8886
- D28785
- C78785
- BB8684
- B08583
- A48483
- 988382
- 8C8181
색 조화
보색 +180°
- F48887
Vinaceous Cinnamon
- 00C3CD
≈ Turquoise Surf
유사색 -30° +30°
- F48887
Vinaceous Cinnamon
- EA87B6
≈ Brown Knapweed
- ED9259
≈ Chinese Lantern
삼각 배색 +120° +240°
- F48887
Vinaceous Cinnamon
- 7BC170
≈ Hillside Grove
- 7CABFF
≈ Fennel Flower
분열 보색 +150° +210°
- F48887
Vinaceous Cinnamon
- 35C6A1
≈ Jadeite
- 3CBAF0
≈ Zima Blue
사각 배색 +90° +180° +270°
- F48887
Vinaceous Cinnamon
- AFB446
≈ Delaunay Green
- 00C3CD
≈ Turquoise Surf
- AD9CF9
≈ Dull Lavender
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.40:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.71:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.71:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--vinaceous-cinnamon: #f48887;
--vinaceous-cinnamon-rgb: 244 136 135;
--vinaceous-cinnamon-oklch: oklch(0.744 0.132 21.3);
}
.element {
color: var(--vinaceous-cinnamon);
background-color: hsl(1 83% 74%);
border-color: oklch(0.744 0.132 21.3);
}Tailwind CSS v4
@theme {
--color-vinaceous-cinnamon: #f48887;
--color-vinaceous-cinnamon-50: #ffe7e3;
--color-vinaceous-cinnamon-100: #ffd7d3;
--color-vinaceous-cinnamon-200: #ffbfba;
--color-vinaceous-cinnamon-300: #f49c97;
--color-vinaceous-cinnamon-400: #e27d7c;
--color-vinaceous-cinnamon-500: #cf5d5f;
--color-vinaceous-cinnamon-600: #af4f50;
--color-vinaceous-cinnamon-700: #8d3f40;
--color-vinaceous-cinnamon-800: #692d30;
--color-vinaceous-cinnamon-900: #4a1e20;
--color-vinaceous-cinnamon-950: #300e10;
}SCSS
$vinaceous-cinnamon: #f48887;
$vinaceous-cinnamon-rgb: 244, 136, 135;
$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);
}