Nazwany kolor · #69D84F
Fresh Green
Fresh Green to #69D84F: rgb(105 216 79), hsl(109 64% 58%), oklch(0.789 0.203 140). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Fresh Green color name →
#69D84F
oklch(0.789 0.203 140)
Konwersje koloru
- HEX
- #69d84f
- RGB
- rgb(105 216 79)
- HSL
- hsl(109 64% 58%)
- HWB
- hwb(109 31% 15%)
- OKLCH
- oklch(0.789 0.203 140)
- OKLab
- oklab(0.789 -0.156 0.13)
- CIE Lab
- lab(77.78 -51.96 55.23)
- LCH
- lch(77.78 75.83 133.3)
- CMYK
- cmyk(51% 0% 63% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7BDD65
- 8BE178
- 9BE58B
- AAE99C
- B9EDAD
- C7F1BE
- D5F5CE
- E3F8DF
- F1FCEF
Odcienie ciemniejsze
- 5ABC44
- 4CA038
- 3E852E
- 316B23
- 245319
- 183B10
- 0C2507
- 041102
- 000200
Tony
- 6ECF58
- 72C75F
- 75BE65
- 78B56B
- 7AAC6F
- 7CA474
- 7E9B77
- 7F927B
- 80897D
Harmonie kolorów
Komplementarna +180°
- 69D84F
Fresh Green
- EB92FF
≈ Party Pig
Analogowa -30° +30°
- 69D84F
Fresh Green
- C2C200
≈ Cricket Chirping
- 00D9AB
≈ Channel Marker Green
Triada +120° +240°
- 69D84F
Fresh Green
- 92BBFF
≈ Truesky Gloxym
- FF9999
≈ Rubber Radish
Komplementarna rozszczepiona +150° +210°
- 69D84F
Fresh Green
- B9ADFF
≈ Winterspring Lilac
- FF91C7
≈ Himalayan Balsam
Tetrada +90° +180° +270°
- 69D84F
Fresh Green
- 49C9FF
≈ Thor’s Thunder
- EB92FF
≈ Party Pig
- FF9F67
≈ Cloudberry
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.82:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.53:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.53:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--fresh-green: #69d84f;
--fresh-green-rgb: 105 216 79;
--fresh-green-oklch: oklch(0.789 0.203 140);
}
.element {
color: var(--fresh-green);
background-color: hsl(109 64% 58%);
border-color: oklch(0.789 0.203 140);
}Tailwind CSS v4
@theme {
--color-fresh-green: #69d84f;
--color-fresh-green-50: #d5ffcf;
--color-fresh-green-100: #c1fabb;
--color-fresh-green-200: #a1ea99;
--color-fresh-green-300: #75d16d;
--color-fresh-green-400: #51ba37;
--color-fresh-green-500: #13a300;
--color-fresh-green-600: #178a00;
--color-fresh-green-700: #136f00;
--color-fresh-green-800: #145100;
--color-fresh-green-900: #0d3800;
--color-fresh-green-950: #012300;
}SCSS
$fresh-green: #69d84f;
$fresh-green-rgb: 105, 216, 79;
$fresh-green-light: mix(#fff, $fresh-green, 20%);
$fresh-green-dark: mix(#000, $fresh-green, 20%);
.element {
color: $fresh-green;
box-shadow: 0 0 0 2px rgba($fresh-green, 0.35);
}