이름 색상 · #F0CFA0
Peachy Skin
Peachy Skin은(는) #F0CFA0: rgb(240 207 160), hsl(35 73% 78%), oklch(0.871 0.072 76.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Peachy Skin color name →
#F0CFA0
oklch(0.871 0.072 76.3)
색상 변환
- HEX
- #f0cfa0
- RGB
- rgb(240 207 160)
- HSL
- hsl(35 73% 78%)
- HWB
- hwb(35 63% 6%)
- OKLCH
- oklch(0.871 0.072 76.3)
- OKLab
- oklab(0.871 0.017 0.07)
- CIE Lab
- lab(85.12 7.1 27.93)
- LCH
- lch(85.12 28.82 75.7)
- CMYK
- cmyk(0% 14% 33% 6%)
틴트 · 셰이드 · 톤
틴트
- F2D4AA
- F3D9B3
- F5DEBD
- F6E2C6
- F8E7D0
- F9ECD9
- FBF1E3
- FCF5EC
- FEFAF6
셰이드
- D1B48B
- B29976
- 957F61
- 78674E
- 5D4F3B
- 433829
- 2A2319
- 141009
- 030201
톤
- E4C79D
- D9BF9A
- CDB797
- C2AF94
- B7A791
- AB9F8E
- A0978A
- 968F87
- 8B8884
색 조화
보색 +180°
- F0CFA0
Peachy Skin
- BAD7FF
≈ Oh Boy!
유사색 -30° +30°
- F0CFA0
Peachy Skin
- FDC7AD
≈ Antique Coral
- DAD8A2
≈ Garden Glade
삼각 배색 +120° +240°
- F0CFA0
Peachy Skin
- 9CE4E4
≈ Everest
- E8C7F5
≈ Purple’s Baby Sister
분열 보색 +150° +210°
- F0CFA0
Peachy Skin
- A2DFF9
≈ Van Gogh Blue
- D0CFFF
≈ Lavender Blue
사각 배색 +90° +180° +270°
- F0CFA0
Peachy Skin
- A8E4CA
≈ Fabulous Find
- BAD7FF
≈ Oh Boy!
- F9C2DE
≈ Miami Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.48:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.13:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.13:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--peachy-skin: #f0cfa0;
--peachy-skin-rgb: 240 207 160;
--peachy-skin-oklch: oklch(0.871 0.072 76.3);
}
.element {
color: var(--peachy-skin);
background-color: hsl(35 73% 78%);
border-color: oklch(0.871 0.072 76.3);
}Tailwind CSS v4
@theme {
--color-peachy-skin: #f0cfa0;
--color-peachy-skin-50: #fff3df;
--color-peachy-skin-100: #f5e6ce;
--color-peachy-skin-200: #e5d1b3;
--color-peachy-skin-300: #ccb48e;
--color-peachy-skin-400: #b7996e;
--color-peachy-skin-500: #a1804e;
--color-peachy-skin-600: #886c43;
--color-peachy-skin-700: #6d5735;
--color-peachy-skin-800: #513f25;
--color-peachy-skin-900: #392b19;
--color-peachy-skin-950: #23180a;
}SCSS
$peachy-skin: #f0cfa0;
$peachy-skin-rgb: 240, 207, 160;
$peachy-skin-light: mix(#fff, $peachy-skin, 20%);
$peachy-skin-dark: mix(#000, $peachy-skin, 20%);
.element {
color: $peachy-skin;
box-shadow: 0 0 0 2px rgba($peachy-skin, 0.35);
}