가장 가까운 이름 색상 · #F4BDB4
#F4BDB4
가장 가까운 이름 색상: Salmon Glow
#F4BDB4(rgb(244 189 180), hsl(8 74% 83%), oklch(0.845 0.065 29.1))와 가장 가까운 이름 색상은 Salmon Glow입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F4BDB4
oklch(0.845 0.065 29.1)
색상 변환
- HEX
- #f4bdb4
- RGB
- rgb(244 189 180)
- HSL
- hsl(8 74% 83%)
- HWB
- hwb(8 71% 4%)
- OKLCH
- oklch(0.845 0.065 29.1)
- OKLab
- oklab(0.845 0.057 0.032)
- CIE Lab
- lab(81.5 19.45 12.58)
- LCH
- lch(81.5 23.17 32.9)
- CMYK
- cmyk(0% 23% 26% 4%)
틴트 · 셰이드 · 톤
틴트
- F5C4BB
- F7CAC3
- F8D1CA
- F9D7D2
- FBDED9
- FCE5E1
- FDEBE8
- FEF2F0
- FEF8F7
셰이드
- D4A49C
- B58C85
- 97746E
- 7A5D58
- 5E4744
- 443330
- 2B1F1D
- 140D0C
- 030202
톤
- E8B7AF
- DCB1A9
- D0AAA4
- C5A49F
- B99E9A
- AE9895
- A2928F
- 978C8A
- 8B8685
색 조화
보색 +180°
- F4BDB4
Salmon Glow
- 9AD9E3
≈ Cool Water Lake
유사색 -30° +30°
- F4BDB4
Salmon Glow
- F1BBCB
≈ Cameo Pink
- EDC3A2
≈ Carving Party
삼각 배색 +120° +240°
- F4BDB4
Salmon Glow
- AFD9B6
≈ Shanghai Jade
- BBCBF8
≈ Light Periwinkle
분열 보색 +150° +210°
- F4BDB4
Salmon Glow
- 9EDBCD
≈ Tropical Freeze
- A6D3F3
≈ Light Shimmer
사각 배색 +90° +180° +270°
- F4BDB4
Salmon Glow
- C7D3A3
≈ True to You
- 9AD9E3
≈ Cool Water Lake
- D2C4F2
≈ Soap
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.64:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.78:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--salmon-glow: #f4bdb4;
--salmon-glow-rgb: 244 189 180;
--salmon-glow-oklch: oklch(0.845 0.065 29.1);
}
.element {
color: var(--salmon-glow);
background-color: hsl(8 74% 83%);
border-color: oklch(0.845 0.065 29.1);
}Tailwind CSS v4
@theme {
--color-salmon-glow: #f4bdb4;
--color-salmon-glow-50: #ffefea;
--color-salmon-glow-100: #fde0db;
--color-salmon-glow-200: #efcbc3;
--color-salmon-glow-300: #d7aca3;
--color-salmon-glow-400: #c29088;
--color-salmon-glow-500: #ad766d;
--color-salmon-glow-600: #92645d;
--color-salmon-glow-700: #75504a;
--color-salmon-glow-800: #573a36;
--color-salmon-glow-900: #3d2825;
--color-salmon-glow-950: #261614;
}SCSS
$salmon-glow: #f4bdb4;
$salmon-glow-rgb: 244, 189, 180;
$salmon-glow-light: mix(#fff, $salmon-glow, 20%);
$salmon-glow-dark: mix(#000, $salmon-glow, 20%);
.element {
color: $salmon-glow;
box-shadow: 0 0 0 2px rgba($salmon-glow, 0.35);
}