Nazwany kolor · #1CA350
Full Energy
Full Energy to #1CA350: rgb(28 163 80), hsl(143 71% 37%), oklch(0.629 0.163 150.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Full Energy color name →
#1CA350
oklch(0.629 0.163 150.3)
Konwersje koloru
- HEX
- #1ca350
- RGB
- rgb(28 163 80)
- HSL
- hsl(143 71% 37%)
- HWB
- hwb(143 11% 36%)
- OKLCH
- oklch(0.629 0.163 150.3)
- OKLab
- oklab(0.629 -0.142 0.081)
- CIE Lab
- lab(58.98 -49.8 32.66)
- LCH
- lch(58.98 59.55 146.7)
- CMYK
- cmyk(83% 0% 51% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 42AD62
- 5CB673
- 73BF84
- 88C996
- 9CD2A7
- B0DBB8
- C4E4CA
- D8EDDB
- EBF6ED
Odcienie ciemniejsze
- 178D44
- 127839
- 0D632E
- 084F24
- 053C1A
- 022A10
- 011907
- 000A02
- 000100
Tony
- 33A056
- 419D5C
- 4D9961
- 579666
- 5F936B
- 678F6F
- 6E8B74
- 748878
- 7A847C
Harmonie kolorów
Komplementarna +180°
- 1CA350
Full Energy
- BE5FB7
≈ Mazzy Star
Analogowa -30° +30°
- 1CA350
Full Energy
- 7D9500
≈ Mossy Woods
- 009F8C
≈ Flamboyant Teal
Triada +120° +240°
- 1CA350
Full Energy
- 647FEA
≈ Pan Purple
- DA5A49
≈ Red Wire
Komplementarna rozszczepiona +150° +210°
- 1CA350
Full Energy
- 996DDB
≈ Iridescent Purple
- D45784
≈ Pretty in Plum
Tetrada +90° +180° +270°
- 1CA350
Full Energy
- 0092D7
≈ Kahu Blue
- BE5FB7
≈ Mazzy Star
- C76F00
≈ Sludge
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.27:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.40:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.40:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--full-energy: #1ca350;
--full-energy-rgb: 28 163 80;
--full-energy-oklch: oklch(0.629 0.163 150.3);
}
.element {
color: var(--full-energy);
background-color: hsl(143 71% 37%);
border-color: oklch(0.629 0.163 150.3);
}Tailwind CSS v4
@theme {
--color-full-energy: #1ca350;
--color-full-energy-50: #d3ffdf;
--color-full-energy-100: #bff8ce;
--color-full-energy-200: #9ee9b2;
--color-full-energy-300: #71cf8e;
--color-full-energy-400: #46b969;
--color-full-energy-500: #00a246;
--color-full-energy-600: #00893c;
--color-full-energy-700: #006e30;
--color-full-energy-800: #05511e;
--color-full-energy-900: #043814;
--color-full-energy-950: #002306;
}SCSS
$full-energy: #1ca350;
$full-energy-rgb: 28, 163, 80;
$full-energy-light: mix(#fff, $full-energy, 20%);
$full-energy-dark: mix(#000, $full-energy, 20%);
.element {
color: $full-energy;
box-shadow: 0 0 0 2px rgba($full-energy, 0.35);
}