이름 색상 · #FC7D64
Sunset Papaya
Sunset Papaya은(는) #FC7D64: rgb(252 125 100), hsl(10 96% 69%), oklch(0.731 0.16 32.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Sunset Papaya color name →
#FC7D64
oklch(0.731 0.16 32.6)
색상 변환
- HEX
- #fc7d64
- RGB
- rgb(252 125 100)
- HSL
- hsl(10 96% 69%)
- HWB
- hwb(10 39% 1%)
- OKLCH
- oklch(0.731 0.16 32.6)
- OKLab
- oklab(0.731 0.135 0.086)
- CIE Lab
- lab(67.38 48.04 37.29)
- LCH
- lch(67.38 60.81 37.8)
- CMYK
- cmyk(0% 50% 60% 1%)
틴트 · 셰이드 · 톤
틴트
- FE8B74
- FF9983
- FFA693
- FFB3A2
- FFC0B2
- FFCDC1
- FFD9D0
- FFE6E0
- FFF3EF
셰이드
- DB6C56
- BB5B48
- 9C4B3B
- 7E3B2E
- 622C22
- 471E16
- 2D110B
- 160503
- 030100
톤
- F07F68
- E4806B
- D8816F
- CC8172
- C08274
- B48277
- A7827A
- 9A817C
- 8D817E
색 조화
보색 +180°
- FC7D64
Sunset Papaya
- 00BCD7
≈ Maldives
유사색 -30° +30°
- FC7D64
Sunset Papaya
- F8789F
≈ Aggressive Salmon
- ED8E1C
≈ Carrot Orange
삼각 배색 +120° +240°
- FC7D64
Sunset Papaya
- 44C475
≈ Googol
- 8BA1FF
≈ Periwinkle Blue
분열 보색 +150° +210°
- FC7D64
Sunset Papaya
- 00C2AF
≈ Turquoise
- 3BB1FF
≈ Adamantine Blue
사각 배색 +90° +180° +270°
- FC7D64
Sunset Papaya
- 96B730
≈ Limolicious
- 00BCD7
≈ Maldives
- BC8DFA
≈ Liliac
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.54:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.25:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.25:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--sunset-papaya: #fc7d64;
--sunset-papaya-rgb: 252 125 100;
--sunset-papaya-oklch: oklch(0.731 0.16 32.6);
}
.element {
color: var(--sunset-papaya);
background-color: hsl(10 96% 69%);
border-color: oklch(0.731 0.16 32.6);
}Tailwind CSS v4
@theme {
--color-sunset-papaya: #fc7d64;
--color-sunset-papaya-50: #ffe6d7;
--color-sunset-papaya-100: #ffd5c4;
--color-sunset-papaya-200: #ffbca6;
--color-sunset-papaya-300: #fe987f;
--color-sunset-papaya-400: #ed765f;
--color-sunset-papaya-500: #dc533a;
--color-sunset-papaya-600: #b94732;
--color-sunset-papaya-700: #953928;
--color-sunset-papaya-800: #6f281d;
--color-sunset-papaya-900: #4f1b13;
--color-sunset-papaya-950: #340a05;
}SCSS
$sunset-papaya: #fc7d64;
$sunset-papaya-rgb: 252, 125, 100;
$sunset-papaya-light: mix(#fff, $sunset-papaya, 20%);
$sunset-papaya-dark: mix(#000, $sunset-papaya, 20%);
.element {
color: $sunset-papaya;
box-shadow: 0 0 0 2px rgba($sunset-papaya, 0.35);
}