Color con nombre · #E5CE77
Green Papaya
Green Papaya es #E5CE77: rgb(229 206 119), hsl(47 68% 68%), oklch(0.852 0.111 95). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Green Papaya color name →
#E5CE77
oklch(0.852 0.111 95)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- E8D386
- EAD894
- EDDDA2
- EFE2B0
- F2E7BE
- F4ECCB
- F7F1D8
- FAF5E5
- FCFAF2
Sombras
- C7B367
- AA9857
- 8E7F47
- 726638
- 584E2A
- 3F381C
- 282310
- 120F05
- 030201
Tonos
- DAC679
- D0BE7B
- C6B67D
- BBAE7E
- B1A77F
- A79F80
- 9D9780
- 938F80
- 8A8880
Armonías de color
Complementario +180°
- E5CE77
Green Papaya
- C0CBFF
≈ Light Periwinkle
Análogo -30° +30°
- E5CE77
Green Papaya
- FFC083
≈ Buttery
- BEDB8A
≈ Pancotto Pugliese
Triádico +120° +240°
- E5CE77
Green Papaya
- 6DE1FC
≈ Athena Blue
- FCB3EB
≈ Hermosa Pink
Complementario dividido +150° +210°
- E5CE77
Green Papaya
- A4D5FF
≈ Malmö FF
- DCC0FF
≈ Jane Purple
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASobre negro
WCAG 13.42:1 · APCA Lc 77
Mejor color de texto: #000000
WCAG 13.42:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmentos de código
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);
}