이름 색상 · #F9CDC4
Peach Red
Peach Red은(는) #F9CDC4: rgb(249 205 196), hsl(10 82% 87%), oklch(0.884 0.052 31.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Peach Red color name →
#F9CDC4
oklch(0.884 0.052 31.6)
색상 변환
- HEX
- #f9cdc4
- RGB
- rgb(249 205 196)
- HSL
- hsl(10 82% 87%)
- HWB
- hwb(10 77% 2%)
- OKLCH
- oklch(0.884 0.052 31.6)
- OKLab
- oklab(0.884 0.044 0.027)
- CIE Lab
- lab(86.1 15.02 10.64)
- LCH
- lch(86.1 18.41 35.3)
- CMYK
- cmyk(0% 18% 21% 2%)
틴트 · 셰이드 · 톤
틴트
- FAD2CA
- FBD7D0
- FBDCD6
- FCE1DB
- FDE6E1
- FDEBE7
- FEF0ED
- FEF5F3
- FFFAF9
셰이드
- D9B2AA
- B99891
- 9A7E78
- 7D6661
- 614E4A
- 463835
- 2C2321
- 150F0E
- 030202
톤
- ECC5BD
- E0BDB6
- D4B5AF
- C7AEA8
- BBA6A1
- AF9E9B
- A39794
- 978F8D
- 8C8787
색 조화
보색 +180°
- F9CDC4
Peach Red
- B2E3EC
≈ Crystal River
유사색 -30° +30°
- F9CDC4
Peach Red
- F7CBD6
≈ Palace Rose
- F3D2B7
≈ Sparkle Glow
삼각 배색 +120° +240°
- F9CDC4
Peach Red
- C1E3C8
≈ Sugar Mint
- CCD8FC
≈ Icy Plains
분열 보색 +150° +210°
- F9CDC4
Peach Red
- B4E4DB
≈ Fair Aqua
- BCDEF8
≈ Arctic Paradise
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.44:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.55:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.55:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--peach-red: #f9cdc4;
--peach-red-rgb: 249 205 196;
--peach-red-oklch: oklch(0.884 0.052 31.6);
}
.element {
color: var(--peach-red);
background-color: hsl(10 82% 87%);
border-color: oklch(0.884 0.052 31.6);
}Tailwind CSS v4
@theme {
--color-peach-red: #f9cdc4;
--color-peach-red-50: #fff0ec;
--color-peach-red-100: #f9e2dd;
--color-peach-red-200: #e9cdc6;
--color-peach-red-300: #d0aea6;
--color-peach-red-400: #bb948c;
--color-peach-red-500: #a67a71;
--color-peach-red-600: #8c6760;
--color-peach-red-700: #70524d;
--color-peach-red-800: #533c38;
--color-peach-red-900: #3a2926;
--color-peach-red-950: #241715;
}SCSS
$peach-red: #f9cdc4;
$peach-red-rgb: 249, 205, 196;
$peach-red-light: mix(#fff, $peach-red, 20%);
$peach-red-dark: mix(#000, $peach-red, 20%);
.element {
color: $peach-red;
box-shadow: 0 0 0 2px rgba($peach-red, 0.35);
}