色名 · #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);
}