이름 색상 · #E5CE77
Green Papaya
Green Papaya은(는) #E5CE77: rgb(229 206 119), hsl(47 68% 68%), oklch(0.852 0.111 95). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Green Papaya color name →
#E5CE77
oklch(0.852 0.111 95)
색상 변환
- HEX
- #e5ce77
- RGB
- rgb(229 206 119)
- HSL
- hsl(47 68% 68%)
- HWB
- hwb(47 47% 10%)
- OKLCH
- oklch(0.852 0.111 95)
- OKLab
- oklab(0.852 -0.01 0.11)
- CIE Lab
- lab(83.34 0.05 46.04)
- LCH
- lch(83.34 46.04 89.9)
- CMYK
- cmyk(0% 10% 48% 10%)
틴트 · 셰이드 · 톤
틴트
- E8D386
- EAD894
- EDDDA2
- EFE2B0
- F2E7BE
- F4ECCB
- F7F1D8
- FAF5E5
- FCFAF2
셰이드
- C7B367
- AA9857
- 8E7F47
- 726638
- 584E2A
- 3F381C
- 282310
- 120F05
- 030201
톤
- DAC679
- D0BE7B
- C6B67D
- BBAE7E
- B1A77F
- A79F80
- 9D9780
- 938F80
- 8A8880
색 조화
보색 +180°
- E5CE77
Green Papaya
- C0CBFF
≈ Light Periwinkle
유사색 -30° +30°
- E5CE77
Green Papaya
- FFC083
≈ Buttery
- BEDB8A
≈ Pancotto Pugliese
삼각 배색 +120° +240°
- E5CE77
Green Papaya
- 6DE1FC
≈ Athena Blue
- FCB3EB
≈ Hermosa Pink
분열 보색 +150° +210°
- E5CE77
Green Papaya
- A4D5FF
≈ Malmö FF
- DCC0FF
≈ Jane Purple
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.42:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.42:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--green-papaya: #e5ce77;
--green-papaya-rgb: 229 206 119;
--green-papaya-oklch: oklch(0.852 0.111 95);
}
.element {
color: var(--green-papaya);
background-color: hsl(47 68% 68%);
border-color: oklch(0.852 0.111 95);
}Tailwind CSS v4
@theme {
--color-green-papaya: #e5ce77;
--color-green-papaya-50: #fef6d2;
--color-green-papaya-100: #f2e9bf;
--color-green-papaya-200: #e1d59f;
--color-green-papaya-300: #c7b875;
--color-green-papaya-400: #b39e4c;
--color-green-papaya-500: #9d8415;
--color-green-papaya-600: #857017;
--color-green-papaya-700: #6a5a13;
--color-green-papaya-800: #50410a;
--color-green-papaya-900: #372d07;
--color-green-papaya-950: #221a00;
}SCSS
$green-papaya: #e5ce77;
$green-papaya-rgb: 229, 206, 119;
$green-papaya-light: mix(#fff, $green-papaya, 20%);
$green-papaya-dark: mix(#000, $green-papaya, 20%);
.element {
color: $green-papaya;
box-shadow: 0 0 0 2px rgba($green-papaya, 0.35);
}