Colore con nome · #C0E740
Energos
Energos è #C0E740: rgb(192 231 64), hsl(74 78% 58%), oklch(0.871 0.19 122.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Energos color name →
#C0E740
oklch(0.871 0.19 122.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C6EA5D
- CCED74
- D2EF89
- D8F29B
- DFF4AD
- E5F7BE
- EBF9CF
- F2FBDF
- F8FDEF
Ombre
- A7C936
- 8EAB2D
- 768F24
- 5F731B
- 495913
- 34400B
- 202805
- 0E1301
- 020300
Toni
- B9DD4E
- B3D259
- ACC862
- A6BD69
- 9FB36F
- 99A974
- 929F78
- 8C947B
- 868A7E
Armonie di colore
Complementare +180°
- C0E740
Energos
- DEC9FF
≈ Foggy Heath
Analogo -30° +30°
- C0E740
Energos
- FECF00
≈ Fluorescent Orange
- 5CF794
≈ Thallium Flame
Triadico +120° +240°
- C0E740
Energos
- ADDBFF
≈ Droplet
- FFC1D0
≈ Garden Glory
Complementare divisa +150° +210°
- C0E740
Energos
- C6D3FF
≈ Pale Phthalo Blue
- FFBAF4
≈ Pink Quartz
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.74:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.74:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
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);
}