Cor nomeada · #C0E740
Energos
Energos é #C0E740: rgb(192 231 64), hsl(74 78% 58%), oklch(0.871 0.19 122.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Energos color name →
#C0E740
oklch(0.871 0.19 122.1)
Conversões de cor
- HEX
- #c0e740
- RGB
- rgb(192 231 64)
- HSL
- hsl(74 78% 58%)
- HWB
- hwb(74 25% 9%)
- OKLCH
- oklch(0.871 0.19 122.1)
- OKLab
- oklab(0.871 -0.101 0.161)
- CIE Lab
- lab(86.66 -29.13 71.39)
- LCH
- lch(86.66 77.1 112.2)
- CMYK
- cmyk(17% 0% 72% 9%)
Tons claros · Sombras · Tons
Tons claros
- C6EA5D
- CCED74
- D2EF89
- D8F29B
- DFF4AD
- E5F7BE
- EBF9CF
- F2FBDF
- F8FDEF
Sombras
- A7C936
- 8EAB2D
- 768F24
- 5F731B
- 495913
- 34400B
- 202805
- 0E1301
- 020300
Tons
- B9DD4E
- B3D259
- ACC862
- A6BD69
- 9FB36F
- 99A974
- 929F78
- 8C947B
- 868A7E
Harmonias de cor
Complementar +180°
- C0E740
Energos
- DEC9FF
≈ Foggy Heath
Análoga -30° +30°
- C0E740
Energos
- FECF00
≈ Fluorescent Orange
- 5CF794
≈ Thallium Flame
Tríade +120° +240°
- C0E740
Energos
- ADDBFF
≈ Droplet
- FFC1D0
≈ Garden Glory
Complementar dividida +150° +210°
- C0E740
Energos
- C6D3FF
≈ Pale Phthalo Blue
- FFBAF4
≈ Pink Quartz
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.42:1 · APCA Lc 20
Ag
AAASobre preto
WCAG 14.74:1 · APCA Lc 83
Melhor cor de texto: #000000
WCAG 14.74:1 (AAA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--energos: #c0e740;
--energos-rgb: 192 231 64;
--energos-oklch: oklch(0.871 0.19 122.1);
}
.element {
color: var(--energos);
background-color: hsl(74 78% 58%);
border-color: oklch(0.871 0.19 122.1);
}Tailwind CSS v4
@theme {
--color-energos: #c0e740;
--color-energos-50: #eaffc3;
--color-energos-100: #daf3ad;
--color-energos-200: #c3e286;
--color-energos-300: #a3c750;
--color-energos-400: #8cae00;
--color-energos-500: #739600;
--color-energos-600: #617f00;
--color-energos-700: #4d6600;
--color-energos-800: #3b4a00;
--color-energos-900: #283400;
--color-energos-950: #161f00;
}SCSS
$energos: #c0e740;
$energos-rgb: 192, 231, 64;
$energos-light: mix(#fff, $energos, 20%);
$energos-dark: mix(#000, $energos, 20%);
.element {
color: $energos;
box-shadow: 0 0 0 2px rgba($energos, 0.35);
}