가장 가까운 이름 색상 · #F0ADB9
#F0ADB9
가장 가까운 이름 색상: Pink Blush
#F0ADB9(rgb(240 173 185), hsl(349 69% 81%), oklch(0.814 0.08 7.1))와 가장 가까운 이름 색상은 Pink Blush입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F0ADB9
oklch(0.814 0.08 7.1)
색상 변환
- HEX
- #f0adb9
- RGB
- rgb(240 173 185)
- HSL
- hsl(349 69% 81%)
- HWB
- hwb(349 68% 6%)
- OKLCH
- oklch(0.814 0.08 7.1)
- OKLab
- oklab(0.814 0.079 0.01)
- CIE Lab
- lab(77.45 26.49 4.12)
- LCH
- lch(77.45 26.81 8.8)
- CMYK
- cmyk(0% 28% 23% 6%)
틴트 · 셰이드 · 톤
틴트
- F2B5C0
- F4BDC7
- F6C6CE
- F8CED5
- F9D6DB
- FBDEE3
- FCE6EA
- FDEFF1
- FEF7F8
셰이드
- D196A0
- B27F89
- 956A71
- 78555B
- 5D4146
- 432D31
- 2A1B1E
- 140B0D
- 030102
톤
- E5A9B3
- D9A4AD
- CEA0A8
- C39BA2
- B8979C
- AC9296
- A18E91
- 96898B
- 8B8586
색 조화
보색 +180°
- F0ADB9
Pink Blush
- 83D3CB
≈ Water Wings
유사색 -30° +30°
- F0ADB9
Pink Blush
- E4AFD5
≈ Flower Power
- F0B19E
≈ Stucco Wall
삼각 배색 +120° +240°
- F0ADB9
Pink Blush
- B4CC94
≈ Marsh Fern
- 98C8F4
≈ Honolulu
분열 보색 +150° +210°
- F0ADB9
Pink Blush
- 97D2AE
≈ Vista Blue
- 84CFE4
≈ Summer Splash
사각 배색 +90° +180° +270°
- F0ADB9
Pink Blush
- D0C387
≈ Winter Hazel
- 83D3CB
≈ Water Wings
- B5BEF6
≈ Purple Illusion
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.84:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.38:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.38:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--pink-blush: #f0adb9;
--pink-blush-rgb: 240 173 185;
--pink-blush-oklch: oklch(0.814 0.08 7.1);
}
.element {
color: var(--pink-blush);
background-color: hsl(349 69% 81%);
border-color: oklch(0.814 0.08 7.1);
}Tailwind CSS v4
@theme {
--color-pink-blush: #f0adb9;
--color-pink-blush-50: #ffecf0;
--color-pink-blush-100: #ffdee2;
--color-pink-blush-200: #f4c7cd;
--color-pink-blush-300: #dda7af;
--color-pink-blush-400: #c88b96;
--color-pink-blush-500: #b46f7d;
--color-pink-blush-600: #985f6a;
--color-pink-blush-700: #7a4b54;
--color-pink-blush-800: #5a363e;
--color-pink-blush-900: #3f252b;
--color-pink-blush-950: #281418;
}SCSS
$pink-blush: #f0adb9;
$pink-blush-rgb: 240, 173, 185;
$pink-blush-light: mix(#fff, $pink-blush, 20%);
$pink-blush-dark: mix(#000, $pink-blush, 20%);
.element {
color: $pink-blush;
box-shadow: 0 0 0 2px rgba($pink-blush, 0.35);
}