가장 가까운 이름 색상 · #F6AB88
#F6AB88
가장 가까운 이름 색상: Peach Fizz
#F6AB88(rgb(246 171 136), hsl(19 86% 75%), oklch(0.805 0.101 45.9))와 가장 가까운 이름 색상은 Peach Fizz입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F6AB88
oklch(0.805 0.101 45.9)
색상 변환
- HEX
- #f6ab88
- RGB
- rgb(246 171 136)
- HSL
- hsl(19 86% 75%)
- HWB
- hwb(19 53% 4%)
- OKLCH
- oklch(0.805 0.101 45.9)
- OKLab
- oklab(0.805 0.07 0.072)
- CIE Lab
- lab(76.79 25.44 29.69)
- LCH
- lch(76.79 39.1 49.4)
- CMYK
- cmyk(0% 30% 45% 4%)
틴트 · 셰이드 · 톤
틴트
- F8B494
- F9BCA0
- FAC5AC
- FCCDB8
- FDD5C3
- FDDECF
- FEE6DB
- FFEEE7
- FFF7F3
셰이드
- D69475
- B77E63
- 986852
- 7B5441
- 5F4031
- 452D22
- 2C1B13
- 150B06
- 030101
톤
- EAA788
- DEA387
- D29F87
- C69A86
- BB9685
- AF9284
- A38D83
- 988982
- 8C8481
색 조화
보색 +180°
- F6AB88
Peach Fizz
- 72CDF1
≈ Nevermind Nirvana
유사색 -30° +30°
- F6AB88
Peach Fizz
- F9A5A9
≈ Simple Pink
- E5B773
≈ Veranda Yellow
삼각 배색 +120° +240°
- F6AB88
Peach Fizz
- 7CD4B0
≈ Sea Treasure
- B9B6FE
≈ Greyish Lavender
분열 보색 +150° +210°
- F6AB88
Peach Fizz
- 66D4D4
≈ Hidden Sea Glass
- 95C2FF
≈ Pastel Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.89:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.09:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.09:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--peach-fizz: #f6ab88;
--peach-fizz-rgb: 246 171 136;
--peach-fizz-oklch: oklch(0.805 0.101 45.9);
}
.element {
color: var(--peach-fizz);
background-color: hsl(19 86% 75%);
border-color: oklch(0.805 0.101 45.9);
}Tailwind CSS v4
@theme {
--color-peach-fizz: #f6ab88;
--color-peach-fizz-50: #ffeddd;
--color-peach-fizz-100: #ffdfcb;
--color-peach-fizz-200: #f9c8b0;
--color-peach-fizz-300: #e3a88b;
--color-peach-fizz-400: #d08b6b;
--color-peach-fizz-500: #bc6f4a;
--color-peach-fizz-600: #9f5f3f;
--color-peach-fizz-700: #804b32;
--color-peach-fizz-800: #5f3624;
--color-peach-fizz-900: #432518;
--color-peach-fizz-950: #2b1309;
}SCSS
$peach-fizz: #f6ab88;
$peach-fizz-rgb: 246, 171, 136;
$peach-fizz-light: mix(#fff, $peach-fizz, 20%);
$peach-fizz-dark: mix(#000, $peach-fizz, 20%);
.element {
color: $peach-fizz;
box-shadow: 0 0 0 2px rgba($peach-fizz, 0.35);
}