이름 색상 · #FE985C
Papaya
Papaya은(는) #FE985C: rgb(254 152 92), hsl(22 99% 68%), oklch(0.775 0.144 49.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Papaya color name →
#FE985C
oklch(0.775 0.144 49.9)
색상 변환
- HEX
- #fe985c
- RGB
- rgb(254 152 92)
- HSL
- hsl(22 99% 68%)
- HWB
- hwb(22 36% 0%)
- OKLCH
- oklch(0.775 0.144 49.9)
- OKLab
- oklab(0.775 0.093 0.11)
- CIE Lab
- lab(73.03 35.49 48.12)
- LCH
- lch(73.03 59.79 53.6)
- CMYK
- cmyk(0% 40% 64% 0%)
틴트 · 셰이드 · 톤
틴트
- FFA36E
- FFAE7F
- FFB890
- FFC3A0
- FFCDB0
- FFD7C0
- FFE1D0
- FFEBDF
- FFF5EF
셰이드
- DD844F
- BD7042
- 9E5C36
- 804A2A
- 63381F
- 472714
- 2D170A
- 160803
- 030100
톤
- F19662
- E59467
- D8926B
- CC906F
- BF8E73
- B38B76
- A68979
- 9A867B
- 8D837E
색 조화
보색 +180°
- FE985C
Papaya
- 2FC6FF
≈ Shovel Knight
유사색 -30° +30°
- FE985C
Papaya
- FF9193
≈ Cherished One
- E5AA35
≈ Tulip Tree
삼각 배색 +120° +240°
- FE985C
Papaya
- 2FD3A7
≈ Wild Caribbean Green
- B4A8FF
≈ Shy Moment
분열 보색 +150° +210°
- FE985C
Papaya
- 00CED6
≈ Jade Glass
- 8AB7FF
≈ Carolina Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.12:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 9.86:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.86:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--papaya: #fe985c;
--papaya-rgb: 254 152 92;
--papaya-oklch: oklch(0.775 0.144 49.9);
}
.element {
color: var(--papaya);
background-color: hsl(22 99% 68%);
border-color: oklch(0.775 0.144 49.9);
}Tailwind CSS v4
@theme {
--color-papaya: #fe985c;
--color-papaya-50: #ffebd0;
--color-papaya-100: #ffdbbc;
--color-papaya-200: #ffc39b;
--color-papaya-300: #f2a271;
--color-papaya-400: #e1824a;
--color-papaya-500: #cf6312;
--color-papaya-600: #ae5515;
--color-papaya-700: #8c4411;
--color-papaya-800: #69300c;
--color-papaya-900: #4a2008;
--color-papaya-950: #300f00;
}SCSS
$papaya: #fe985c;
$papaya-rgb: 254, 152, 92;
$papaya-light: mix(#fff, $papaya, 20%);
$papaya-dark: mix(#000, $papaya, 20%);
.element {
color: $papaya;
box-shadow: 0 0 0 2px rgba($papaya, 0.35);
}