가장 가까운 이름 색상 · #FFBFBD
#FFBFBD
가장 가까운 이름 색상: Peach Scone
#FFBFBD(rgb(255 191 189), hsl(2 100% 87%), oklch(0.862 0.074 20.8))와 가장 가까운 이름 색상은 Peach Scone입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FFBFBD
oklch(0.862 0.074 20.8)
색상 변환
- HEX
- #ffbfbd
- RGB
- rgb(255 191 189)
- HSL
- hsl(2 100% 87%)
- HWB
- hwb(2 74% 0%)
- OKLCH
- oklch(0.862 0.074 20.8)
- OKLab
- oklab(0.862 0.069 0.026)
- CIE Lab
- lab(83.28 23.48 10.48)
- LCH
- lch(83.28 25.72 24.1)
- CMYK
- cmyk(0% 25% 26% 0%)
틴트 · 셰이드 · 톤
틴트
- FFC5C3
- FFCCCA
- FFD2D1
- FFD9D7
- FFDFDE
- FFE5E4
- FFECEB
- FFF2F2
- FFF9F8
셰이드
- DEA6A4
- BE8D8C
- 9E7574
- 805E5D
- 634847
- 483333
- 2E1F1F
- 160D0D
- 030202
톤
- F2B9B7
- E5B2B1
- D8ACAA
- CBA6A4
- BE9F9E
- B29998
- A59392
- 998C8C
- 8C8686
색 조화
보색 +180°
- FFBFBD
Peach Scone
- 96E1E5
≈ Aqua Fiesta
유사색 -30° +30°
- FFBFBD
Peach Scone
- F9BED8
≈ Flamingo Feather
- FAC4A6
≈ Peach Damask
삼각 배색 +120° +240°
- FFBFBD
Peach Scone
- B8DEB1
≈ A Mann’s Mint
- B9D3FF
≈ Ice Cold Stare
분열 보색 +150° +210°
- FFBFBD
Peach Scone
- A0E2CB
≈ Aqua Wish
- A0DBFA
≈ Columbia Blue
사각 배색 +90° +180° +270°
- FFBFBD
Peach Scone
- D3D79E
≈ Crocodile Tears
- 96E1E5
≈ Aqua Fiesta
- D1CAFF
≈ Lavender Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.43:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.43:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--peach-scone: #ffbfbd;
--peach-scone-rgb: 255 191 189;
--peach-scone-oklch: oklch(0.862 0.074 20.8);
}
.element {
color: var(--peach-scone);
background-color: hsl(2 100% 87%);
border-color: oklch(0.862 0.074 20.8);
}Tailwind CSS v4
@theme {
--color-peach-scone: #ffbfbd;
--color-peach-scone-50: #ffedeb;
--color-peach-scone-100: #ffdfdc;
--color-peach-scone-200: #f3c9c6;
--color-peach-scone-300: #dba9a6;
--color-peach-scone-400: #c78d8c;
--color-peach-scone-500: #b27271;
--color-peach-scone-600: #976160;
--color-peach-scone-700: #794d4c;
--color-peach-scone-800: #593838;
--color-peach-scone-900: #3f2626;
--color-peach-scone-950: #281415;
}SCSS
$peach-scone: #ffbfbd;
$peach-scone-rgb: 255, 191, 189;
$peach-scone-light: mix(#fff, $peach-scone, 20%);
$peach-scone-dark: mix(#000, $peach-scone, 20%);
.element {
color: $peach-scone;
box-shadow: 0 0 0 2px rgba($peach-scone, 0.35);
}