가장 가까운 이름 색상 · #F2BB97
#F2BB97
가장 가까운 이름 색상: Peach Taffy
#F2BB97(rgb(242 187 151), hsl(24 78% 77%), oklch(0.833 0.08 54.5))와 가장 가까운 이름 색상은 Peach Taffy입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F2BB97
oklch(0.833 0.08 54.5)
색상 변환
- HEX
- #f2bb97
- RGB
- rgb(242 187 151)
- HSL
- hsl(24 78% 77%)
- HWB
- hwb(24 59% 5%)
- OKLCH
- oklch(0.833 0.08 54.5)
- OKLab
- oklab(0.833 0.046 0.065)
- CIE Lab
- lab(80.32 17.03 26.31)
- LCH
- lch(80.32 31.34 57.1)
- CMYK
- cmyk(0% 23% 38% 5%)
틴트 · 셰이드 · 톤
틴트
- F4C2A1
- F5C9AC
- F7D0B6
- F8D6C1
- FADDCB
- FBE4D5
- FCEBE0
- FDF1EA
- FEF8F5
셰이드
- D2A283
- B48A6F
- 96735C
- 795C49
- 5E4637
- 433226
- 2B1F17
- 140D08
- 030201
톤
- E6B595
- DBAF93
- CFA991
- C4A38F
- B89D8C
- AD988A
- A19288
- 968C85
- 8B8683
색 조화
보색 +180°
- F2BB97
Peach Taffy
- 94D1F5
≈ Long Island Sound
유사색 -30° +30°
- F2BB97
Peach Taffy
- F8B5AF
≈ Precious Pink
- E1C58C
≈ Clay Bake
삼각 배색 +120° +240°
- F2BB97
Peach Taffy
- 90DAC5
≈ Monet Vert
- CBBFF8
≈ Connecticut Lilac
분열 보색 +150° +210°
- F2BB97
Peach Taffy
- 87D8E1
≈ VIC 20 Sky
- AFC8FD
≈ Night Snow
사각 배색 +90° +180° +270°
- F2BB97
Peach Taffy
- A9D7A8
≈ Frugal
- 94D1F5
≈ Long Island Sound
- E3B7E6
≈ Pink Drink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.70:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.33:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--peach-taffy: #f2bb97;
--peach-taffy-rgb: 242 187 151;
--peach-taffy-oklch: oklch(0.833 0.08 54.5);
}
.element {
color: var(--peach-taffy);
background-color: hsl(24 78% 77%);
border-color: oklch(0.833 0.08 54.5);
}Tailwind CSS v4
@theme {
--color-peach-taffy: #f2bb97;
--color-peach-taffy-50: #fff0e0;
--color-peach-taffy-100: #fee2cf;
--color-peach-taffy-200: #f0ccb4;
--color-peach-taffy-300: #d8ae90;
--color-peach-taffy-400: #c49271;
--color-peach-taffy-500: #af7852;
--color-peach-taffy-600: #946546;
--color-peach-taffy-700: #775137;
--color-peach-taffy-800: #583a28;
--color-peach-taffy-900: #3e281b;
--color-peach-taffy-950: #27160b;
}SCSS
$peach-taffy: #f2bb97;
$peach-taffy-rgb: 242, 187, 151;
$peach-taffy-light: mix(#fff, $peach-taffy, 20%);
$peach-taffy-dark: mix(#000, $peach-taffy, 20%);
.element {
color: $peach-taffy;
box-shadow: 0 0 0 2px rgba($peach-taffy, 0.35);
}